Como lograr el siguiente efecto

[brai_lf]

hola a todos, estoy con un proyecto de una web y mi pregunta es la siguiente. Estube viendo distintos sitios y hay algo que no logro descubrir como se hace.
por ejemplo, en la pagani del gob de la ciudad de buenos aires, la barra amarilla de arriba de todo si yo quisiera hacerla igual, no me sale. le pongo el mismo amarillo pero el mio queda mas apagado o algo asi.

http://www.buenosaires.gob.ar/

otro ejemplo podria ser en esta pagina:

http://www.desarrolloweb.com/articulos/ejemplos/css/css3/botones-css3.html

donde los botones estan de tres diferentes colores y si yo pongo esos mismos colores en botones mios no quedan igual, siguen "apagados". espero alguna respuesta, estoy desconcertado.

[RabidFish]

Hola brai_lf.

Eso sucede porque en el primer caso se utiliza una imagen de fondo repetida horizontalmente (http://www.buenosaires.gob.ar/sites/...l_gradient.png) la cual posee un degradado que puede lograrse -por ejemplo- en Photoshop (no es un color "liso" y único, es una fusión gradual entre colores). Si tienes la imagen, eso se lograría con CSS así:

Código:

div#cabecera
{background: url('images/main_header_vertical_gradient.png') repeat-x;
height: 87px;}

En el segundo caso creo que se logra con una propiedad de CSS 3 para degradado. Puedes consultar el código fuente en la misma página que colocaste.

Un saludo.