#C7A0FF - #8348F0 | 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 #C7A0FF a #8348F0

#C7A0FF #8348F0

Calcule el color entre dos colores, #C7A0FF y #8348F0. 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)

#C7A0FF - #8348F0 | 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 #C7A0FF como 0% y #8348F0 como 100%.

0.0%	0.0% #C7A0FF	RGB 199 160 255	#C7A0FF
16.7%	16.7% #BB91FC	RGB 187 145 252	#BB91FC
33.3%	33.3% #B082FA	RGB 176 130 250	#B082FA
50.0%	50.0% #A574F7	RGB 165 116 247	#A574F7
66.7%	66.7% #9965F5	RGB 153 101 245	#9965F5
83.3%	83.3% #8E56F2	RGB 142 86 242	#8E56F2
100.0%	100.0% #8348F0	RGB 131 72 240	#8348F0

#C7A0FF #BB91FC #B082FA #A574F7 #9965F5 #8E56F2 #8348F0

#C7A0FF - #8348F0

Mezcla HSV

#C7A0FF - #8348F0 | 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 #C7A0FF como 0% y #8348F0 como 100%.

0.0%	0.0% #C7A0FF	RGB 199 160 255	#C7A0FF
16.7%	16.7% #BB90FC	RGB 187 144 252	#BB90FC
33.3%	33.3% #B081FA	RGB 176 129 250	#B081FA
50.0%	50.0% #A572F7	RGB 165 114 247	#A572F7
66.7%	66.7% #9964F5	RGB 153 100 245	#9964F5
83.3%	83.3% #8E55F2	RGB 142 85 242	#8E55F2
100.0%	100.0% #8348F0	RGB 131 72 240	#8348F0

#C7A0FF #BB90FC #B081FA #A572F7 #9964F5 #8E55F2 #8348F0

#C7A0FF - #A572F7 - #8348F0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A0FF 0%, #A572F7 50%, #8348F0 100%);
    background: -webkit-linear-gradient(top, #C7A0FF 0%, #A572F7 50%, #8348F0 100%);
    background: linear-gradient(to bottom, #C7A0FF 0%, #A572F7 50%, #8348F0 100%);
}
</style>