#5E4846 - #CE9370 | 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 #5E4846 a #CE9370

#5E4846 #CE9370

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

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

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #70544D	RGB 112 84 77	#70544D
33.3%	33.3% #836154	RGB 131 97 84	#836154
50.0%	50.0% #966D5B	RGB 150 109 91	#966D5B
66.7%	66.7% #A87A62	RGB 168 122 98	#A87A62
83.3%	83.3% #BB8669	RGB 187 134 105	#BB8669
100.0%	100.0% #CE9370	RGB 206 147 112	#CE9370

#5E4846 #70544D #836154 #966D5B #A87A62 #BB8669 #CE9370

#5E4846 - #CE9370

Mezcla HSV

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

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #705450	RGB 112 84 80	#705450
33.3%	33.3% #836059	RGB 131 96 89	#836059
50.0%	50.0% #966C60	RGB 150 108 96	#966C60
66.7%	66.7% #A87967	RGB 168 121 103	#A87967
83.3%	83.3% #BB856C	RGB 187 133 108	#BB856C
100.0%	100.0% #CE9370	RGB 206 147 112	#CE9370

#5E4846 #705450 #836059 #966C60 #A87967 #BB856C #CE9370

#5E4846 - #966C60 - #CE9370

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4846 0%, #966C60 50%, #CE9370 100%);
    background: -webkit-linear-gradient(top, #5E4846 0%, #966C60 50%, #CE9370 100%);
    background: linear-gradient(to bottom, #5E4846 0%, #966C60 50%, #CE9370 100%);
}
</style>