#8C5E7B - #DED1D9 | 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 #8C5E7B a #DED1D9

#8C5E7B #DED1D9

Calcule el color entre dos colores, #8C5E7B y #DED1D9. 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)

#8C5E7B - #DED1D9 | 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 #8C5E7B como 0% y #DED1D9 como 100%.

0.0%	0.0% #8C5E7B	RGB 140 94 123	#8C5E7B
16.7%	16.7% #99718A	RGB 153 113 138	#99718A
33.3%	33.3% #A7849A	RGB 167 132 154	#A7849A
50.0%	50.0% #B597AA	RGB 181 151 170	#B597AA
66.7%	66.7% #C2AAB9	RGB 194 170 185	#C2AAB9
83.3%	83.3% #D0BDC9	RGB 208 189 201	#D0BDC9
100.0%	100.0% #DED1D9	RGB 222 209 217	#DED1D9

#8C5E7B #99718A #A7849A #B597AA #C2AAB9 #D0BDC9 #DED1D9

#8C5E7B - #DED1D9

Mezcla HSV

#8C5E7B - #DED1D9 | 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 #8C5E7B como 0% y #DED1D9 como 100%.

0.0%	0.0% #8C5E7B	RGB 140 94 123	#8C5E7B
16.7%	16.7% #996E89	RGB 153 110 137	#996E89
33.3%	33.3% #A77F98	RGB 167 127 152	#A77F98
50.0%	50.0% #B591A7	RGB 181 145 167	#B591A7
66.7%	66.7% #C2A5B7	RGB 194 165 183	#C2A5B7
83.3%	83.3% #D0BAC8	RGB 208 186 200	#D0BAC8
100.0%	100.0% #DED1D9	RGB 222 209 217	#DED1D9

#8C5E7B #996E89 #A77F98 #B591A7 #C2A5B7 #D0BAC8 #DED1D9

#8C5E7B - #B591A7 - #DED1D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E7B 0%, #B591A7 50%, #DED1D9 100%);
    background: -webkit-linear-gradient(top, #8C5E7B 0%, #B591A7 50%, #DED1D9 100%);
    background: linear-gradient(to bottom, #8C5E7B 0%, #B591A7 50%, #DED1D9 100%);
}
</style>