#DAC2FF - #8C59CE | 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 #DAC2FF a #8C59CE

#DAC2FF #8C59CE

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

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

0.0%	0.0% #DAC2FF	RGB 218 194 255	#DAC2FF
16.7%	16.7% #CDB0F6	RGB 205 176 246	#CDB0F6
33.3%	33.3% #C09FEE	RGB 192 159 238	#C09FEE
50.0%	50.0% #B38DE6	RGB 179 141 230	#B38DE6
66.7%	66.7% #A67CDE	RGB 166 124 222	#A67CDE
83.3%	83.3% #996AD6	RGB 153 106 214	#996AD6
100.0%	100.0% #8C59CE	RGB 140 89 206	#8C59CE

#DAC2FF #CDB0F6 #C09FEE #B38DE6 #A67CDE #996AD6 #8C59CE

#DAC2FF - #8C59CE

Mezcla HSV

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

0.0%	0.0% #DAC2FF	RGB 218 194 255	#DAC2FF
16.7%	16.7% #CBAEF6	RGB 203 174 246	#CBAEF6
33.3%	33.3% #BD9BEE	RGB 189 155 238	#BD9BEE
50.0%	50.0% #B089E6	RGB 176 137 230	#B089E6
66.7%	66.7% #A378DE	RGB 163 120 222	#A378DE
83.3%	83.3% #9768D6	RGB 151 104 214	#9768D6
100.0%	100.0% #8C59CE	RGB 140 89 206	#8C59CE

#DAC2FF #CBAEF6 #BD9BEE #B089E6 #A378DE #9768D6 #8C59CE

#DAC2FF - #B089E6 - #8C59CE

Códigos CSS

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

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