#8D36B5 - #DEC5E9 | 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 #8D36B5 a #DEC5E9

#8D36B5 #DEC5E9

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

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

0.0%	0.0% #8D36B5	RGB 141 54 181	#8D36B5
16.7%	16.7% #9A4DBD	RGB 154 77 189	#9A4DBD
33.3%	33.3% #A865C6	RGB 168 101 198	#A865C6
50.0%	50.0% #B57DCF	RGB 181 125 207	#B57DCF
66.7%	66.7% #C395D7	RGB 195 149 215	#C395D7
83.3%	83.3% #D0ADE0	RGB 208 173 224	#D0ADE0
100.0%	100.0% #DEC5E9	RGB 222 197 233	#DEC5E9

#8D36B5 #9A4DBD #A865C6 #B57DCF #C395D7 #D0ADE0 #DEC5E9

#8D36B5 - #DEC5E9

Mezcla HSV

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

0.0%	0.0% #8D36B5	RGB 141 54 181	#8D36B5
16.7%	16.7% #9949BD	RGB 153 73 189	#9949BD
33.3%	33.3% #A65FC6	RGB 166 95 198	#A65FC6
50.0%	50.0% #B376CF	RGB 179 118 207	#B376CF
66.7%	66.7% #C18FD7	RGB 193 143 215	#C18FD7
83.3%	83.3% #CFA9E0	RGB 207 169 224	#CFA9E0
100.0%	100.0% #DEC5E9	RGB 222 197 233	#DEC5E9

#8D36B5 #9949BD #A65FC6 #B376CF #C18FD7 #CFA9E0 #DEC5E9

#8D36B5 - #B376CF - #DEC5E9

Códigos CSS

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

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