#CCC091 - #3A3629 | 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 #CCC091 a #3A3629

#CCC091 #3A3629

Calcule el color entre dos colores, #CCC091 y #3A3629. 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)

#CCC091 - #3A3629 | 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 #CCC091 como 0% y #3A3629 como 100%.

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #B3A97F	RGB 179 169 127	#B3A97F
33.3%	33.3% #9B926E	RGB 155 146 110	#9B926E
50.0%	50.0% #837B5D	RGB 131 123 93	#837B5D
66.7%	66.7% #6A644B	RGB 106 100 75	#6A644B
83.3%	83.3% #524D3A	RGB 82 77 58	#524D3A
100.0%	100.0% #3A3629	RGB 58 54 41	#3A3629

#CCC091 #B3A97F #9B926E #837B5D #6A644B #524D3A #3A3629

#CCC091 - #3A3629

Mezcla HSV

#CCC091 - #3A3629 | 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 #CCC091 como 0% y #3A3629 como 100%.

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #B3A87F	RGB 179 168 127	#B3A87F
33.3%	33.3% #9B916E	RGB 155 145 110	#9B916E
50.0%	50.0% #837A5C	RGB 131 122 92	#837A5C
66.7%	66.7% #6A634B	RGB 106 99 75	#6A634B
83.3%	83.3% #524C3A	RGB 82 76 58	#524C3A
100.0%	100.0% #3A3629	RGB 58 54 41	#3A3629

#CCC091 #B3A87F #9B916E #837A5C #6A634B #524C3A #3A3629

#CCC091 - #837A5C - #3A3629

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC091 0%, #837A5C 50%, #3A3629 100%);
    background: -webkit-linear-gradient(top, #CCC091 0%, #837A5C 50%, #3A3629 100%);
    background: linear-gradient(to bottom, #CCC091 0%, #837A5C 50%, #3A3629 100%);
}
</style>