#D8C0FF - #8D5EDB | 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 #D8C0FF a #8D5EDB

#D8C0FF #8D5EDB

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

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

0.0%	0.0% #D8C0FF	RGB 216 192 255	#D8C0FF
16.7%	16.7% #CBAFF9	RGB 203 175 249	#CBAFF9
33.3%	33.3% #BF9FF3	RGB 191 159 243	#BF9FF3
50.0%	50.0% #B28FED	RGB 178 143 237	#B28FED
66.7%	66.7% #A67EE7	RGB 166 126 231	#A67EE7
83.3%	83.3% #996EE1	RGB 153 110 225	#996EE1
100.0%	100.0% #8D5EDB	RGB 141 94 219	#8D5EDB

#D8C0FF #CBAFF9 #BF9FF3 #B28FED #A67EE7 #996EE1 #8D5EDB

#D8C0FF - #8D5EDB

Mezcla HSV

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

0.0%	0.0% #D8C0FF	RGB 216 192 255	#D8C0FF
16.7%	16.7% #CAAEF9	RGB 202 174 249	#CAAEF9
33.3%	33.3% #BD9CF3	RGB 189 156 243	#BD9CF3
50.0%	50.0% #B08CED	RGB 176 140 237	#B08CED
66.7%	66.7% #A47CE7	RGB 164 124 231	#A47CE7
83.3%	83.3% #986CE1	RGB 152 108 225	#986CE1
100.0%	100.0% #8D5EDB	RGB 141 94 219	#8D5EDB

#D8C0FF #CAAEF9 #BD9CF3 #B08CED #A47CE7 #986CE1 #8D5EDB

#D8C0FF - #B08CED - #8D5EDB

Códigos CSS

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

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