#EDECE9 - #CDBBA0 | 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 #EDECE9 a #CDBBA0

#EDECE9 #CDBBA0

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

#EDECE9 - #CDBBA0 | 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 #EDECE9 como 0% y #CDBBA0 como 100%.

0.0%	0.0% #EDECE9	RGB 237 236 233	#EDECE9
16.7%	16.7% #E7E3DC	RGB 231 227 220	#E7E3DC
33.3%	33.3% #E2DBD0	RGB 226 219 208	#E2DBD0
50.0%	50.0% #DDD3C4	RGB 221 211 196	#DDD3C4
66.7%	66.7% #D7CBB8	RGB 215 203 184	#D7CBB8
83.3%	83.3% #D2C3AC	RGB 210 195 172	#D2C3AC
100.0%	100.0% #CDBBA0	RGB 205 187 160	#CDBBA0

#EDECE9 #E7E3DC #E2DBD0 #DDD3C4 #D7CBB8 #D2C3AC #CDBBA0

#EDECE9 - #CDBBA0

Mezcla HSV

#EDECE9 - #CDBBA0 | 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 #EDECE9 como 0% y #CDBBA0 como 100%.

0.0%	0.0% #EDECE9	RGB 237 236 233	#EDECE9
16.7%	16.7% #E7E4DB	RGB 231 228 219	#E7E4DB
33.3%	33.3% #E2DCCF	RGB 226 220 207	#E2DCCF
50.0%	50.0% #DDD4C2	RGB 221 212 194	#DDD4C2
66.7%	66.7% #D7CCB6	RGB 215 204 182	#D7CCB6
83.3%	83.3% #D2C3AB	RGB 210 195 171	#D2C3AB
100.0%	100.0% #CDBBA0	RGB 205 187 160	#CDBBA0

#EDECE9 #E7E4DB #E2DCCF #DDD4C2 #D7CCB6 #D2C3AB #CDBBA0

#EDECE9 - #DDD4C2 - #CDBBA0

Códigos CSS

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

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