#8F5CCE - #ECB4DA | 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 #8F5CCE a #ECB4DA

#8F5CCE #ECB4DA

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

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

0.0%	0.0% #8F5CCE	RGB 143 92 206	#8F5CCE
16.7%	16.7% #9E6AD0	RGB 158 106 208	#9E6AD0
33.3%	33.3% #AE79D2	RGB 174 121 210	#AE79D2
50.0%	50.0% #BD88D4	RGB 189 136 212	#BD88D4
66.7%	66.7% #CD96D6	RGB 205 150 214	#CD96D6
83.3%	83.3% #DCA5D8	RGB 220 165 216	#DCA5D8
100.0%	100.0% #ECB4DA	RGB 236 180 218	#ECB4DA

#8F5CCE #9E6AD0 #AE79D2 #BD88D4 #CD96D6 #DCA5D8 #ECB4DA

#8F5CCE - #ECB4DA

Mezcla HSV

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

0.0%	0.0% #8E5CCE	RGB 142 92 206	#8E5CCE
16.7%	16.7% #A869D3	RGB 168 105 211	#A869D3
33.3%	33.3% #BE77D8	RGB 190 119 216	#BE77D8
50.0%	50.0% #D285DD	RGB 210 133 221	#D285DD
66.7%	66.7% #E294DF	RGB 226 148 223	#E294DF
83.3%	83.3% #E7A4DB	RGB 231 164 219	#E7A4DB
100.0%	100.0% #ECB4DA	RGB 236 180 218	#ECB4DA

#8E5CCE #A869D3 #BE77D8 #D285DD #E294DF #E7A4DB #ECB4DA

#8F5CCE - #D285DD - #ECB4DA

Códigos CSS

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

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