#DBC5E2 - #AE5EB2 | 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 #DBC5E2 a #AE5EB2

#DBC5E2 #AE5EB2

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

#DBC5E2 - #AE5EB2 | 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 #DBC5E2 como 0% y #AE5EB2 como 100%.

0.0%	0.0% #DBC5E2	RGB 219 197 226	#DBC5E2
16.7%	16.7% #D3B3DA	RGB 211 179 218	#D3B3DA
33.3%	33.3% #CCA2D2	RGB 204 162 210	#CCA2D2
50.0%	50.0% #C491CA	RGB 196 145 202	#C491CA
66.7%	66.7% #BD80C2	RGB 189 128 194	#BD80C2
83.3%	83.3% #B56FBA	RGB 181 111 186	#B56FBA
100.0%	100.0% #AE5EB2	RGB 174 94 178	#AE5EB2

#DBC5E2 #D3B3DA #CCA2D2 #C491CA #BD80C2 #B56FBA #AE5EB2

#DBC5E2 - #AE5EB2

Mezcla HSV

#DBC5E2 - #AE5EB2 | 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 #DBC5E2 como 0% y #AE5EB2 como 100%.

0.0%	0.0% #DBC5E2	RGB 219 197 226	#DBC5E2
16.7%	16.7% #D1B1DA	RGB 209 177 218	#D1B1DA
33.3%	33.3% #C89FD2	RGB 200 159 210	#C89FD2
50.0%	50.0% #C18DCA	RGB 193 141 202	#C18DCA
66.7%	66.7% #BA7CC2	RGB 186 124 194	#BA7CC2
83.3%	83.3% #B36CBA	RGB 179 108 186	#B36CBA
100.0%	100.0% #AE5EB2	RGB 174 94 178	#AE5EB2

#DBC5E2 #D1B1DA #C89FD2 #C18DCA #BA7CC2 #B36CBA #AE5EB2

#DBC5E2 - #C18DCA - #AE5EB2

Códigos CSS

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

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