#D9C0FF - #8A56CE | 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 #D9C0FF a #8A56CE

#D9C0FF #8A56CE

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

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

0.0%	0.0% #D9C0FF	RGB 217 192 255	#D9C0FF
16.7%	16.7% #CBAEF6	RGB 203 174 246	#CBAEF6
33.3%	33.3% #BE9CEE	RGB 190 156 238	#BE9CEE
50.0%	50.0% #B18BE6	RGB 177 139 230	#B18BE6
66.7%	66.7% #A479DE	RGB 164 121 222	#A479DE
83.3%	83.3% #9767D6	RGB 151 103 214	#9767D6
100.0%	100.0% #8A56CE	RGB 138 86 206	#8A56CE

#D9C0FF #CBAEF6 #BE9CEE #B18BE6 #A479DE #9767D6 #8A56CE

#D9C0FF - #8A56CE

Mezcla HSV

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

0.0%	0.0% #D9C0FF	RGB 217 192 255	#D9C0FF
16.7%	16.7% #CAACF6	RGB 202 172 246	#CAACF6
33.3%	33.3% #BC99EE	RGB 188 153 238	#BC99EE
50.0%	50.0% #AE86E6	RGB 174 134 230	#AE86E6
66.7%	66.7% #A175DE	RGB 161 117 222	#A175DE
83.3%	83.3% #9565D6	RGB 149 101 214	#9565D6
100.0%	100.0% #8A56CE	RGB 138 86 206	#8A56CE

#D9C0FF #CAACF6 #BC99EE #AE86E6 #A175DE #9565D6 #8A56CE

#D9C0FF - #AE86E6 - #8A56CE

Códigos CSS

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

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