#5E3E3E - #CFCB89 | 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 #5E3E3E a #CFCB89

#5E3E3E #CFCB89

Calcule el color entre dos colores, #5E3E3E y #CFCB89. 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)

#5E3E3E - #CFCB89 | 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 #5E3E3E como 0% y #CFCB89 como 100%.

0.0%	0.0% #5E3E3E	RGB 94 62 62	#5E3E3E
16.7%	16.7% #70554A	RGB 112 85 74	#70554A
33.3%	33.3% #836D57	RGB 131 109 87	#836D57
50.0%	50.0% #968463	RGB 150 132 99	#968463
66.7%	66.7% #A99C70	RGB 169 156 112	#A99C70
83.3%	83.3% #BCB37C	RGB 188 179 124	#BCB37C
100.0%	100.0% #CFCB89	RGB 207 203 137	#CFCB89

#5E3E3E #70554A #836D57 #968463 #A99C70 #BCB37C #CFCB89

#5E3E3E - #CFCB89

Mezcla HSV

#5E3E3E - #CFCB89 | 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 #5E3E3E como 0% y #CFCB89 como 100%.

0.0%	0.0% #5E3E3E	RGB 94 62 62	#5E3E3E
16.7%	16.7% #70504A	RGB 112 80 74	#70504A
33.3%	33.3% #836456	RGB 131 100 86	#836456
50.0%	50.0% #967B63	RGB 150 123 99	#967B63
66.7%	66.7% #A9946F	RGB 169 148 111	#A9946F
83.3%	83.3% #BCAE7C	RGB 188 174 124	#BCAE7C
100.0%	100.0% #CFCB89	RGB 207 203 137	#CFCB89

#5E3E3E #70504A #836456 #967B63 #A9946F #BCAE7C #CFCB89

#5E3E3E - #967B63 - #CFCB89

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E3E 0%, #967B63 50%, #CFCB89 100%);
    background: -webkit-linear-gradient(top, #5E3E3E 0%, #967B63 50%, #CFCB89 100%);
    background: linear-gradient(to bottom, #5E3E3E 0%, #967B63 50%, #CFCB89 100%);
}
</style>