#DED6DC - #AC879E | 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 #DED6DC a #AC879E

#DED6DC #AC879E

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

#DED6DC - #AC879E | 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 #DED6DC como 0% y #AC879E como 100%.

0.0%	0.0% #DED6DC	RGB 222 214 220	#DED6DC
16.7%	16.7% #D5C8D1	RGB 213 200 209	#D5C8D1
33.3%	33.3% #CDBBC7	RGB 205 187 199	#CDBBC7
50.0%	50.0% #C5AEBD	RGB 197 174 189	#C5AEBD
66.7%	66.7% #BCA1B2	RGB 188 161 178	#BCA1B2
83.3%	83.3% #B494A8	RGB 180 148 168	#B494A8
100.0%	100.0% #AC879E	RGB 172 135 158	#AC879E

#DED6DC #D5C8D1 #CDBBC7 #C5AEBD #BCA1B2 #B494A8 #AC879E

#DED6DC - #AC879E

Mezcla HSV

#DED6DC - #AC879E | 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 #DED6DC como 0% y #AC879E como 100%.

0.0%	0.0% #DED6DC	RGB 222 214 220	#DED6DC
16.7%	16.7% #D5C7D1	RGB 213 199 209	#D5C7D1
33.3%	33.3% #CDB9C7	RGB 205 185 199	#CDB9C7
50.0%	50.0% #C5ACBD	RGB 197 172 189	#C5ACBD
66.7%	66.7% #BC9FB2	RGB 188 159 178	#BC9FB2
83.3%	83.3% #B492A8	RGB 180 146 168	#B492A8
100.0%	100.0% #AC879E	RGB 172 135 158	#AC879E

#DED6DC #D5C7D1 #CDB9C7 #C5ACBD #BC9FB2 #B492A8 #AC879E

#DED6DC - #C5ACBD - #AC879E

Códigos CSS

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

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