#D4B5E4 - #FFE9DB | 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 #D4B5E4 a #FFE9DB

#D4B5E4 #FFE9DB

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

#D4B5E4 - #FFE9DB | 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 #D4B5E4 como 0% y #FFE9DB como 100%.

0.0%	0.0% #D4B5E4	RGB 212 181 228	#D4B5E4
16.7%	16.7% #DBBDE2	RGB 219 189 226	#DBBDE2
33.3%	33.3% #E2C6E1	RGB 226 198 225	#E2C6E1
50.0%	50.0% #E9CFDF	RGB 233 207 223	#E9CFDF
66.7%	66.7% #F0D7DE	RGB 240 215 222	#F0D7DE
83.3%	83.3% #F7E0DC	RGB 247 224 220	#F7E0DC
100.0%	100.0% #FFE9DB	RGB 255 233 219	#FFE9DB

#D4B5E4 #DBBDE2 #E2C6E1 #E9CFDF #F0D7DE #F7E0DC #FFE9DB

#D4B5E4 - #FFE9DB

Mezcla HSV

#D4B5E4 - #FFE9DB | 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 #D4B5E4 como 0% y #FFE9DB como 100%.

0.0%	0.0% #D4B5E4	RGB 212 181 228	#D4B5E4
16.7%	16.7% #E6BBE8	RGB 230 187 232	#E6BBE8
33.3%	33.3% #EDC1E2	RGB 237 193 226	#EDC1E2
50.0%	50.0% #F1C7DB	RGB 241 199 219	#F1C7DB
66.7%	66.7% #F6CDD5	RGB 246 205 213	#F6CDD5
83.3%	83.3% #FAD8D4	RGB 250 216 212	#FAD8D4
100.0%	100.0% #FFE9DB	RGB 255 233 219	#FFE9DB

#D4B5E4 #E6BBE8 #EDC1E2 #F1C7DB #F6CDD5 #FAD8D4 #FFE9DB

#D4B5E4 - #F1C7DB - #FFE9DB

Códigos CSS

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

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