#5E3C5B - #D1C7CF | 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 #5E3C5B a #D1C7CF

#5E3C5B #D1C7CF

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

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

0.0%	0.0% #5E3C5B	RGB 94 60 91	#5E3C5B
16.7%	16.7% #71536E	RGB 113 83 110	#71536E
33.3%	33.3% #846A81	RGB 132 106 129	#846A81
50.0%	50.0% #978195	RGB 151 129 149	#978195
66.7%	66.7% #AA98A8	RGB 170 152 168	#AA98A8
83.3%	83.3% #BDAFBB	RGB 189 175 187	#BDAFBB
100.0%	100.0% #D1C7CF	RGB 209 199 207	#D1C7CF

#5E3C5B #71536E #846A81 #978195 #AA98A8 #BDAFBB #D1C7CF

#5E3C5B - #D1C7CF

Mezcla HSV

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

0.0%	0.0% #5E3C5B	RGB 94 60 91	#5E3C5B
16.7%	16.7% #714E6D	RGB 113 78 109	#714E6D
33.3%	33.3% #846280	RGB 132 98 128	#846280
50.0%	50.0% #977893	RGB 151 120 147	#977893
66.7%	66.7% #AA90A6	RGB 170 144 166	#AA90A6
83.3%	83.3% #BDAABA	RGB 189 170 186	#BDAABA
100.0%	100.0% #D1C7CF	RGB 209 199 207	#D1C7CF

#5E3C5B #714E6D #846280 #977893 #AA90A6 #BDAABA #D1C7CF

#5E3C5B - #977893 - #D1C7CF

Códigos CSS

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

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