#DEC4C4 - #CB7771 | 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 #DEC4C4 a #CB7771

#DEC4C4 #CB7771

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

#DEC4C4 - #CB7771 | 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 #DEC4C4 como 0% y #CB7771 como 100%.

0.0%	0.0% #DEC4C4	RGB 222 196 196	#DEC4C4
16.7%	16.7% #DAB7B6	RGB 218 183 182	#DAB7B6
33.3%	33.3% #D7AAA8	RGB 215 170 168	#D7AAA8
50.0%	50.0% #D49D9A	RGB 212 157 154	#D49D9A
66.7%	66.7% #D1908C	RGB 209 144 140	#D1908C
83.3%	83.3% #CE837E	RGB 206 131 126	#CE837E
100.0%	100.0% #CB7771	RGB 203 119 113	#CB7771

#DEC4C4 #DAB7B6 #D7AAA8 #D49D9A #D1908C #CE837E #CB7771

#DEC4C4 - #CB7771

Mezcla HSV

#DEC4C4 - #CB7771 | 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 #DEC4C4 como 0% y #CB7771 como 100%.

0.0%	0.0% #DEC4C4	RGB 222 196 196	#DEC4C4
16.7%	16.7% #DAB5B5	RGB 218 181 181	#DAB5B5
33.3%	33.3% #D7A8A6	RGB 215 168 166	#D7A8A6
50.0%	50.0% #D49A98	RGB 212 154 152	#D49A98
66.7%	66.7% #D18E8B	RGB 209 142 139	#D18E8B
83.3%	83.3% #CE827D	RGB 206 130 125	#CE827D
100.0%	100.0% #CB7771	RGB 203 119 113	#CB7771

#DEC4C4 #DAB5B5 #D7A8A6 #D49A98 #D18E8B #CE827D #CB7771

#DEC4C4 - #D49A98 - #CB7771

Códigos CSS

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

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