#C4B0FF - #5D3ECE | 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 #C4B0FF a #5D3ECE

#C4B0FF #5D3ECE

Calcule el color entre dos colores, #C4B0FF y #5D3ECE. 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)

#C4B0FF - #5D3ECE | 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 #C4B0FF como 0% y #5D3ECE como 100%.

0.0%	0.0% #C4B0FF	RGB 196 176 255	#C4B0FF
16.7%	16.7% #B29DF6	RGB 178 157 246	#B29DF6
33.3%	33.3% #A18AEE	RGB 161 138 238	#A18AEE
50.0%	50.0% #9077E6	RGB 144 119 230	#9077E6
66.7%	66.7% #7F64DE	RGB 127 100 222	#7F64DE
83.3%	83.3% #6E51D6	RGB 110 81 214	#6E51D6
100.0%	100.0% #5D3ECE	RGB 93 62 206	#5D3ECE

#C4B0FF #B29DF6 #A18AEE #9077E6 #7F64DE #6E51D6 #5D3ECE

#C4B0FF - #5D3ECE

Mezcla HSV

#C4B0FF - #5D3ECE | 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 #C4B0FF como 0% y #5D3ECE como 100%.

0.0%	0.0% #C4B0FF	RGB 196 176 255	#C4B0FF
16.7%	16.7% #B19AF6	RGB 177 154 246	#B19AF6
33.3%	33.3% #9E85EE	RGB 158 133 238	#9E85EE
50.0%	50.0% #8D72E6	RGB 141 114 230	#8D72E6
66.7%	66.7% #7C5FDE	RGB 124 95 222	#7C5FDE
83.3%	83.3% #6C4ED6	RGB 108 78 214	#6C4ED6
100.0%	100.0% #5D3ECE	RGB 93 62 206	#5D3ECE

#C4B0FF #B19AF6 #9E85EE #8D72E6 #7C5FDE #6C4ED6 #5D3ECE

#C4B0FF - #8D72E6 - #5D3ECE

Códigos CSS

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

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