#DBC5E9 - #AC74B5 | 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 #DBC5E9 a #AC74B5

#DBC5E9 #AC74B5

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

#DBC5E9 - #AC74B5 | 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 #DBC5E9 como 0% y #AC74B5 como 100%.

0.0%	0.0% #DBC5E9	RGB 219 197 233	#DBC5E9
16.7%	16.7% #D3B7E0	RGB 211 183 224	#D3B7E0
33.3%	33.3% #CBAAD7	RGB 203 170 215	#CBAAD7
50.0%	50.0% #C39CCF	RGB 195 156 207	#C39CCF
66.7%	66.7% #BB8FC6	RGB 187 143 198	#BB8FC6
83.3%	83.3% #B381BD	RGB 179 129 189	#B381BD
100.0%	100.0% #AC74B5	RGB 172 116 181	#AC74B5

#DBC5E9 #D3B7E0 #CBAAD7 #C39CCF #BB8FC6 #B381BD #AC74B5

#DBC5E9 - #AC74B5

Mezcla HSV

#DBC5E9 - #AC74B5 | 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 #DBC5E9 como 0% y #AC74B5 como 100%.

0.0%	0.0% #DBC5E9	RGB 219 197 233	#DBC5E9
16.7%	16.7% #D1B6E0	RGB 209 182 224	#D1B6E0
33.3%	33.3% #C8A7D7	RGB 200 167 215	#C8A7D7
50.0%	50.0% #C099CF	RGB 192 153 207	#C099CF
66.7%	66.7% #B98CC6	RGB 185 140 198	#B98CC6
83.3%	83.3% #B280BD	RGB 178 128 189	#B280BD
100.0%	100.0% #AC74B5	RGB 172 116 181	#AC74B5

#DBC5E9 #D1B6E0 #C8A7D7 #C099CF #B98CC6 #B280BD #AC74B5

#DBC5E9 - #C099CF - #AC74B5

Códigos CSS

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

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