#5E3E5C - #CF8C89 | 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 #5E3E5C a #CF8C89

#5E3E5C #CF8C89

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

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

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #704B63	RGB 112 75 99	#704B63
33.3%	33.3% #83586B	RGB 131 88 107	#83586B
50.0%	50.0% #966572	RGB 150 101 114	#966572
66.7%	66.7% #A9727A	RGB 169 114 122	#A9727A
83.3%	83.3% #BC7F81	RGB 188 127 129	#BC7F81
100.0%	100.0% #CF8C89	RGB 207 140 137	#CF8C89

#5E3E5C #704B63 #83586B #966572 #A9727A #BC7F81 #CF8C89

#5E3E5C - #CF8C89

Mezcla HSV

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

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #704A68	RGB 112 74 104	#704A68
33.3%	33.3% #835672	RGB 131 86 114	#835672
50.0%	50.0% #96637A	RGB 150 99 122	#96637A
66.7%	66.7% #A96F80	RGB 169 111 128	#A96F80
83.3%	83.3% #BC7C84	RGB 188 124 132	#BC7C84
100.0%	100.0% #CF8C89	RGB 207 140 137	#CF8C89

#5E3E5C #704A68 #835672 #96637A #A96F80 #BC7C84 #CF8C89

#5E3E5C - #96637A - #CF8C89

Códigos CSS

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

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