#EE82FF - #8C00D0 | 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 #EE82FF a #8C00D0

#EE82FF #8C00D0

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

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

0.0%	0.0% #EE82FF	RGB 238 130 255	#EE82FF
16.7%	16.7% #DD6CF7	RGB 221 108 247	#DD6CF7
33.3%	33.3% #CD56EF	RGB 205 86 239	#CD56EF
50.0%	50.0% #BD41E7	RGB 189 65 231	#BD41E7
66.7%	66.7% #AC2BDF	RGB 172 43 223	#AC2BDF
83.3%	83.3% #9C15D7	RGB 156 21 215	#9C15D7
100.0%	100.0% #8C00D0	RGB 140 0 208	#8C00D0

#EE82FF #DD6CF7 #CD56EF #BD41E7 #AC2BDF #9C15D7 #8C00D0

#EE82FF - #8C00D0

Mezcla HSV

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

0.0%	0.0% #EE82FF	RGB 238 130 255	#EE82FF
16.7%	16.7% #DF69F7	RGB 223 105 247	#DF69F7
33.3%	33.3% #CF51EF	RGB 207 81 239	#CF51EF
50.0%	50.0% #BF3BE7	RGB 191 59 231	#BF3BE7
66.7%	66.7% #AE26DF	RGB 174 38 223	#AE26DF
83.3%	83.3% #9D12D7	RGB 157 18 215	#9D12D7
100.0%	100.0% #8C00D0	RGB 140 0 208	#8C00D0

#EE82FF #DF69F7 #CF51EF #BF3BE7 #AE26DF #9D12D7 #8C00D0

#EE82FF - #BF3BE7 - #8C00D0

Códigos CSS

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

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