#8F5E7B - #DFD1D9 | 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 #8F5E7B a #DFD1D9

#8F5E7B #DFD1D9

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

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

0.0%	0.0% #8F5E7B	RGB 143 94 123	#8F5E7B
16.7%	16.7% #9C718A	RGB 156 113 138	#9C718A
33.3%	33.3% #A9849A	RGB 169 132 154	#A9849A
50.0%	50.0% #B797AA	RGB 183 151 170	#B797AA
66.7%	66.7% #C4AAB9	RGB 196 170 185	#C4AAB9
83.3%	83.3% #D1BDC9	RGB 209 189 201	#D1BDC9
100.0%	100.0% #DFD1D9	RGB 223 209 217	#DFD1D9

#8F5E7B #9C718A #A9849A #B797AA #C4AAB9 #D1BDC9 #DFD1D9

#8F5E7B - #DFD1D9

Mezcla HSV

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

0.0%	0.0% #8F5E7B	RGB 143 94 123	#8F5E7B
16.7%	16.7% #9C6E89	RGB 156 110 137	#9C6E89
33.3%	33.3% #A97F98	RGB 169 127 152	#A97F98
50.0%	50.0% #B791A7	RGB 183 145 167	#B791A7
66.7%	66.7% #C4A5B7	RGB 196 165 183	#C4A5B7
83.3%	83.3% #D1BAC7	RGB 209 186 199	#D1BAC7
100.0%	100.0% #DFD1D9	RGB 223 209 217	#DFD1D9

#8F5E7B #9C6E89 #A97F98 #B791A7 #C4A5B7 #D1BAC7 #DFD1D9

#8F5E7B - #B791A7 - #DFD1D9

Códigos CSS

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

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