#DAC5E2 - #AD5EB2 | 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 #DAC5E2 a #AD5EB2

#DAC5E2 #AD5EB2

Calcule el color entre dos colores, #DAC5E2 y #AD5EB2. 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)

#DAC5E2 - #AD5EB2 | 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 #DAC5E2 como 0% y #AD5EB2 como 100%.

0.0%	0.0% #DAC5E2	RGB 218 197 226	#DAC5E2
16.7%	16.7% #D2B3DA	RGB 210 179 218	#D2B3DA
33.3%	33.3% #CBA2D2	RGB 203 162 210	#CBA2D2
50.0%	50.0% #C391CA	RGB 195 145 202	#C391CA
66.7%	66.7% #BC80C2	RGB 188 128 194	#BC80C2
83.3%	83.3% #B46FBA	RGB 180 111 186	#B46FBA
100.0%	100.0% #AD5EB2	RGB 173 94 178	#AD5EB2

#DAC5E2 #D2B3DA #CBA2D2 #C391CA #BC80C2 #B46FBA #AD5EB2

#DAC5E2 - #AD5EB2

Mezcla HSV

#DAC5E2 - #AD5EB2 | 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 #DAC5E2 como 0% y #AD5EB2 como 100%.

0.0%	0.0% #DAC5E2	RGB 218 197 226	#DAC5E2
16.7%	16.7% #D0B1DA	RGB 208 177 218	#D0B1DA
33.3%	33.3% #C79FD2	RGB 199 159 210	#C79FD2
50.0%	50.0% #BF8DCA	RGB 191 141 202	#BF8DCA
66.7%	66.7% #B87CC2	RGB 184 124 194	#B87CC2
83.3%	83.3% #B26CBA	RGB 178 108 186	#B26CBA
100.0%	100.0% #AD5EB2	RGB 173 94 178	#AD5EB2

#DAC5E2 #D0B1DA #C79FD2 #BF8DCA #B87CC2 #B26CBA #AD5EB2

#DAC5E2 - #BF8DCA - #AD5EB2

Códigos CSS

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

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