#8D359E - #DEC5E3 | 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 #8D359E a #DEC5E3

#8D359E #DEC5E3

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

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

0.0%	0.0% #8D359E	RGB 141 53 158	#8D359E
16.7%	16.7% #9A4DA9	RGB 154 77 169	#9A4DA9
33.3%	33.3% #A865B5	RGB 168 101 181	#A865B5
50.0%	50.0% #B57DC0	RGB 181 125 192	#B57DC0
66.7%	66.7% #C395CC	RGB 195 149 204	#C395CC
83.3%	83.3% #D0ADD7	RGB 208 173 215	#D0ADD7
100.0%	100.0% #DEC5E3	RGB 222 197 227	#DEC5E3

#8D359E #9A4DA9 #A865B5 #B57DC0 #C395CC #D0ADD7 #DEC5E3

#8D359E - #DEC5E3

Mezcla HSV

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

0.0%	0.0% #8D359E	RGB 141 53 158	#8D359E
16.7%	16.7% #9947A9	RGB 153 71 169	#9947A9
33.3%	33.3% #A65CB5	RGB 166 92 181	#A65CB5
50.0%	50.0% #B373C0	RGB 179 115 192	#B373C0
66.7%	66.7% #C18CCC	RGB 193 140 204	#C18CCC
83.3%	83.3% #CFA7D7	RGB 207 167 215	#CFA7D7
100.0%	100.0% #DEC5E3	RGB 222 197 227	#DEC5E3

#8D359E #9947A9 #A65CB5 #B373C0 #C18CCC #CFA7D7 #DEC5E3

#8D359E - #B373C0 - #DEC5E3

Códigos CSS

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

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