#D4B5E7 - #FFEADD | 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 #D4B5E7 a #FFEADD

#D4B5E7 #FFEADD

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

#D4B5E7 - #FFEADD | 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 #D4B5E7 como 0% y #FFEADD como 100%.

0.0%	0.0% #D4B5E7	RGB 212 181 231	#D4B5E7
16.7%	16.7% #DBBDE5	RGB 219 189 229	#DBBDE5
33.3%	33.3% #E2C6E3	RGB 226 198 227	#E2C6E3
50.0%	50.0% #E9CFE2	RGB 233 207 226	#E9CFE2
66.7%	66.7% #F0D8E0	RGB 240 216 224	#F0D8E0
83.3%	83.3% #F7E1DE	RGB 247 225 222	#F7E1DE
100.0%	100.0% #FFEADD	RGB 255 234 221	#FFEADD

#D4B5E7 #DBBDE5 #E2C6E3 #E9CFE2 #F0D8E0 #F7E1DE #FFEADD

#D4B5E7 - #FFEADD

Mezcla HSV

#D4B5E7 - #FFEADD | 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 #D4B5E7 como 0% y #FFEADD como 100%.

0.0%	0.0% #D4B5E7	RGB 212 181 231	#D4B5E7
16.7%	16.7% #E6BBEB	RGB 230 187 235	#E6BBEB
33.3%	33.3% #EFC1E5	RGB 239 193 229	#EFC1E5
50.0%	50.0% #F3C8DD	RGB 243 200 221	#F3C8DD
66.7%	66.7% #F7CFD7	RGB 247 207 215	#F7CFD7
83.3%	83.3% #FBD9D6	RGB 251 217 214	#FBD9D6
100.0%	100.0% #FFEADD	RGB 255 234 221	#FFEADD

#D4B5E7 #E6BBEB #EFC1E5 #F3C8DD #F7CFD7 #FBD9D6 #FFEADD

#D4B5E7 - #F3C8DD - #FFEADD

Códigos CSS

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

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