#C8B5E5 - #5D54A6 | 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 #C8B5E5 a #5D54A6

#C8B5E5 #5D54A6

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

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

0.0%	0.0% #C8B5E5	RGB 200 181 229	#C8B5E5
16.7%	16.7% #B6A4DA	RGB 182 164 218	#B6A4DA
33.3%	33.3% #A494D0	RGB 164 148 208	#A494D0
50.0%	50.0% #9284C5	RGB 146 132 197	#9284C5
66.7%	66.7% #8074BB	RGB 128 116 187	#8074BB
83.3%	83.3% #6E64B0	RGB 110 100 176	#6E64B0
100.0%	100.0% #5D54A6	RGB 93 84 166	#5D54A6

#C8B5E5 #B6A4DA #A494D0 #9284C5 #8074BB #6E64B0 #5D54A6

#C8B5E5 - #5D54A6

Mezcla HSV

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

0.0%	0.0% #C8B5E5	RGB 200 181 229	#C8B5E5
16.7%	16.7% #B5A2DA	RGB 181 162 218	#B5A2DA
33.3%	33.3% #A390D0	RGB 163 144 208	#A390D0
50.0%	50.0% #9180C5	RGB 145 128 197	#9180C5
66.7%	66.7% #7F70BB	RGB 127 112 187	#7F70BB
83.3%	83.3% #6E61B0	RGB 110 97 176	#6E61B0
100.0%	100.0% #5D54A6	RGB 93 84 166	#5D54A6

#C8B5E5 #B5A2DA #A390D0 #9180C5 #7F70BB #6E61B0 #5D54A6

#C8B5E5 - #9180C5 - #5D54A6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8B5E5 0%, #9180C5 50%, #5D54A6 100%);
    background: -webkit-linear-gradient(top, #C8B5E5 0%, #9180C5 50%, #5D54A6 100%);
    background: linear-gradient(to bottom, #C8B5E5 0%, #9180C5 50%, #5D54A6 100%);
}
</style>