#8266DA - #E5BCE5 | 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 #8266DA a #E5BCE5

#8266DA #E5BCE5

Calcule el color entre dos colores, #8266DA y #E5BCE5. 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)

#8266DA - #E5BCE5 | 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 #8266DA como 0% y #E5BCE5 como 100%.

0.0%	0.0% #8266DA	RGB 130 102 218	#8266DA
16.7%	16.7% #9274DB	RGB 146 116 219	#9274DB
33.3%	33.3% #A382DD	RGB 163 130 221	#A382DD
50.0%	50.0% #B391DF	RGB 179 145 223	#B391DF
66.7%	66.7% #C49FE1	RGB 196 159 225	#C49FE1
83.3%	83.3% #D4ADE3	RGB 212 173 227	#D4ADE3
100.0%	100.0% #E5BCE5	RGB 229 188 229	#E5BCE5

#8266DA #9274DB #A382DD #B391DF #C49FE1 #D4ADE3 #E5BCE5

#8266DA - #E5BCE5

Mezcla HSV

#8266DA - #E5BCE5 | 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 #8266DA como 0% y #E5BCE5 como 100%.

0.0%	0.0% #8266DA	RGB 130 102 218	#8266DA
16.7%	16.7% #9A73DB	RGB 154 115 219	#9A73DB
33.3%	33.3% #AF81DD	RGB 175 129 221	#AF81DD
50.0%	50.0% #C190DF	RGB 193 144 223	#C190DF
66.7%	66.7% #D09EE1	RGB 208 158 225	#D09EE1
83.3%	83.3% #DCADE3	RGB 220 173 227	#DCADE3
100.0%	100.0% #E5BCE5	RGB 229 188 229	#E5BCE5

#8266DA #9A73DB #AF81DD #C190DF #D09EE1 #DCADE3 #E5BCE5

#8266DA - #C190DF - #E5BCE5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8266DA 0%, #C190DF 50%, #E5BCE5 100%);
    background: -webkit-linear-gradient(top, #8266DA 0%, #C190DF 50%, #E5BCE5 100%);
    background: linear-gradient(to bottom, #8266DA 0%, #C190DF 50%, #E5BCE5 100%);
}
</style>