#D2ABC6 - #D9EAE2 | 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 #D2ABC6 a #D9EAE2

#D2ABC6 #D9EAE2

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

#D2ABC6 - #D9EAE2 | 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 #D2ABC6 como 0% y #D9EAE2 como 100%.

0.0%	0.0% #D2ABC6	RGB 210 171 198	#D2ABC6
16.7%	16.7% #D3B5CA	RGB 211 181 202	#D3B5CA
33.3%	33.3% #D4C0CF	RGB 212 192 207	#D4C0CF
50.0%	50.0% #D5CAD4	RGB 213 202 212	#D5CAD4
66.7%	66.7% #D6D5D8	RGB 214 213 216	#D6D5D8
83.3%	83.3% #D7DFDD	RGB 215 223 221	#D7DFDD
100.0%	100.0% #D9EAE2	RGB 217 234 226	#D9EAE2

#D2ABC6 #D3B5CA #D4C0CF #D5CAD4 #D6D5D8 #D7DFDD #D9EAE2

#D2ABC6 - #D9EAE2

Mezcla HSV

#D2ABC6 - #D9EAE2 | 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 #D2ABC6 como 0% y #D9EAE2 como 100%.

0.0%	0.0% #D2ABC6	RGB 210 171 198	#D2ABC6
16.7%	16.7% #D0B2D6	RGB 208 178 214	#D0B2D6
33.3%	33.3% #C6B9DA	RGB 198 185 218	#C6B9DA
50.0%	50.0% #C1C3DE	RGB 193 195 222	#C1C3DE
66.7%	66.7% #C9D6E2	RGB 201 214 226	#C9D6E2
83.3%	83.3% #D0E6E5	RGB 208 230 229	#D0E6E5
100.0%	100.0% #D9EAE2	RGB 217 234 226	#D9EAE2

#D2ABC6 #D0B2D6 #C6B9DA #C1C3DE #C9D6E2 #D0E6E5 #D9EAE2

#D2ABC6 - #C1C3DE - #D9EAE2

Códigos CSS

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

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