#EDECE9 - #CDBBA0 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #EDECE9 à #CDBBA0

#EDECE9 #CDBBA0

Calculez la couleur entre deux couleurs, #EDECE9 et #CDBBA0. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#EDECE9 - #CDBBA0 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #EDECE9 0% et #CDBBA0 100%.

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

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

#EDECE9 - #CDBBA0

Mélange HSV

#EDECE9 - #CDBBA0 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #EDECE9 0% et #CDBBA0 100%.

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

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

#EDECE9 - #DDD4C2 - #CDBBA0

Codes 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>