#DEC3C9 - #AD707F | 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 #DEC3C9 a #AD707F

#DEC3C9 #AD707F

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

#DEC3C9 - #AD707F | 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 #DEC3C9 como 0% y #AD707F como 100%.

0.0%	0.0% #DEC3C9	RGB 222 195 201	#DEC3C9
16.7%	16.7% #D5B5BC	RGB 213 181 188	#D5B5BC
33.3%	33.3% #CDA7B0	RGB 205 167 176	#CDA7B0
50.0%	50.0% #C599A4	RGB 197 153 164	#C599A4
66.7%	66.7% #BD8B97	RGB 189 139 151	#BD8B97
83.3%	83.3% #B57D8B	RGB 181 125 139	#B57D8B
100.0%	100.0% #AD707F	RGB 173 112 127	#AD707F

#DEC3C9 #D5B5BC #CDA7B0 #C599A4 #BD8B97 #B57D8B #AD707F

#DEC3C9 - #AD707F

Mezcla HSV

#DEC3C9 - #AD707F | 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 #DEC3C9 como 0% y #AD707F como 100%.

0.0%	0.0% #DEC3C9	RGB 222 195 201	#DEC3C9
16.7%	16.7% #D5B3BB	RGB 213 179 187	#D5B3BB
33.3%	33.3% #CDA4AE	RGB 205 164 174	#CDA4AE
50.0%	50.0% #C596A1	RGB 197 150 161	#C596A1
66.7%	66.7% #BD8995	RGB 189 137 149	#BD8995
83.3%	83.3% #B57C8A	RGB 181 124 138	#B57C8A
100.0%	100.0% #AD707F	RGB 173 112 127	#AD707F

#DEC3C9 #D5B3BB #CDA4AE #C596A1 #BD8995 #B57C8A #AD707F

#DEC3C9 - #C596A1 - #AD707F

Códigos CSS

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

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