#5E3E4A - #CFB189 | 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 #5E3E4A a #CFB189

#5E3E4A #CFB189

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

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

0.0%	0.0% #5E3E4A	RGB 94 62 74	#5E3E4A
16.7%	16.7% #705154	RGB 112 81 84	#705154
33.3%	33.3% #83645F	RGB 131 100 95	#83645F
50.0%	50.0% #967769	RGB 150 119 105	#967769
66.7%	66.7% #A98A74	RGB 169 138 116	#A98A74
83.3%	83.3% #BC9D7E	RGB 188 157 126	#BC9D7E
100.0%	100.0% #CFB189	RGB 207 177 137	#CFB189

#5E3E4A #705154 #83645F #967769 #A98A74 #BC9D7E #CFB189

#5E3E4A - #CFB189

Mezcla HSV

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

0.0%	0.0% #5E3E4A	RGB 94 62 74	#5E3E4A
16.7%	16.7% #704A52	RGB 112 74 82	#704A52
33.3%	33.3% #835659	RGB 131 86 89	#835659
50.0%	50.0% #966863	RGB 150 104 99	#966863
66.7%	66.7% #A97E6F	RGB 169 126 111	#A97E6F
83.3%	83.3% #BC967C	RGB 188 150 124	#BC967C
100.0%	100.0% #CFB189	RGB 207 177 137	#CFB189

#5E3E4A #704A52 #835659 #966863 #A97E6F #BC967C #CFB189

#5E3E4A - #966863 - #CFB189

Códigos CSS

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

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