#D1ABC6 - #FFEBDE | 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 #D1ABC6 a #FFEBDE

#D1ABC6 #FFEBDE

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

#D1ABC6 - #FFEBDE | 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 #D1ABC6 como 0% y #FFEBDE como 100%.

0.0%	0.0% #D1ABC6	RGB 209 171 198	#D1ABC6
16.7%	16.7% #D8B5CA	RGB 216 181 202	#D8B5CA
33.3%	33.3% #E0C0CE	RGB 224 192 206	#E0C0CE
50.0%	50.0% #E8CBD2	RGB 232 203 210	#E8CBD2
66.7%	66.7% #EFD5D6	RGB 239 213 214	#EFD5D6
83.3%	83.3% #F7E0DA	RGB 247 224 218	#F7E0DA
100.0%	100.0% #FFEBDE	RGB 255 235 222	#FFEBDE

#D1ABC6 #D8B5CA #E0C0CE #E8CBD2 #EFD5D6 #F7E0DA #FFEBDE

#D1ABC6 - #FFEBDE

Mezcla HSV

#D1ABC6 - #FFEBDE | 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 #D1ABC6 como 0% y #FFEBDE como 100%.

0.0%	0.0% #D1ABC6	RGB 209 171 198	#D1ABC6
16.7%	16.7% #D8B3C6	RGB 216 179 198	#D8B3C6
33.3%	33.3% #E0BBC8	RGB 224 187 200	#E0BBC8
50.0%	50.0% #E8C3C9	RGB 232 195 201	#E8C3C9
66.7%	66.7% #EFCDCC	RGB 239 205 204	#EFCDCC
83.3%	83.3% #F7DCD5	RGB 247 220 213	#F7DCD5
100.0%	100.0% #FFEBDE	RGB 255 235 222	#FFEBDE

#D1ABC6 #D8B3C6 #E0BBC8 #E8C3C9 #EFCDCC #F7DCD5 #FFEBDE

#D1ABC6 - #E8C3C9 - #FFEBDE

Códigos CSS

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

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