#B29C20 - #5E5A00 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #B29C20 a #5E5A00

#B29C20 #5E5A00

Calcule el color entre dos colores, #B29C20 y #5E5A00. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#B29C20 - #5E5A00 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #B29C20 como 0% y #5E5A00 como 100%.

0.0%	0.0% #B29C20	RGB 178 156 32	#B29C20
16.7%	16.7% #A4911A	RGB 164 145 26	#A4911A
33.3%	33.3% #968615	RGB 150 134 21	#968615
50.0%	50.0% #887B10	RGB 136 123 16	#887B10
66.7%	66.7% #7A700A	RGB 122 112 10	#7A700A
83.3%	83.3% #6C6505	RGB 108 101 5	#6C6505
100.0%	100.0% #5E5A00	RGB 94 90 0	#5E5A00

#B29C20 #A4911A #968615 #887B10 #7A700A #6C6505 #5E5A00

#B29C20 - #5E5A00

Mezcla HSV

#B29C20 - #5E5A00 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #B29C20 como 0% y #5E5A00 como 100%.

0.0%	0.0% #B29C20	RGB 178 156 32	#B29C20
16.7%	16.7% #A49118	RGB 164 145 24	#A49118
33.3%	33.3% #968611	RGB 150 134 17	#968611
50.0%	50.0% #887C0C	RGB 136 124 12	#887C0C
66.7%	66.7% #7A7007	RGB 122 112 7	#7A7007
83.3%	83.3% #6C6503	RGB 108 101 3	#6C6503
100.0%	100.0% #5E5A00	RGB 94 90 0	#5E5A00

#B29C20 #A49118 #968611 #887C0C #7A7007 #6C6503 #5E5A00

#B29C20 - #887C0C - #5E5A00

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #B29C20 0%, #5E5A00 100%);
    background: -webkit-linear-gradient(top, #B29C20 0%, #5E5A00 100%);
    background: linear-gradient(to bottom, #B29C20 0%, #5E5A00 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B29C20 0%, #887C0C 50%, #5E5A00 100%);
    background: -webkit-linear-gradient(top, #B29C20 0%, #887C0C 50%, #5E5A00 100%);
    background: linear-gradient(to bottom, #B29C20 0%, #887C0C 50%, #5E5A00 100%);
}
</style>