#FDF6E2 - #ECE7CF | 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 #FDF6E2 à #ECE7CF

#FDF6E2 #ECE7CF

Calculez la couleur entre deux couleurs, #FDF6E2 et #ECE7CF. 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)

#FDF6E2 - #ECE7CF | 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 #FDF6E2 0% et #ECE7CF 100%.

0.0%	0.0% #FDF6E2	RVB 253 246 226	#FDF6E2
16.7%	16.7% #FAF3DE	RVB 250 243 222	#FAF3DE
33.3%	33.3% #F7F1DB	RVB 247 241 219	#F7F1DB
50.0%	50.0% #F4EED8	RVB 244 238 216	#F4EED8
66.7%	66.7% #F1ECD5	RVB 241 236 213	#F1ECD5
83.3%	83.3% #EEE9D2	RVB 238 233 210	#EEE9D2
100.0%	100.0% #ECE7CF	RVB 236 231 207	#ECE7CF

#FDF6E2 #FAF3DE #F7F1DB #F4EED8 #F1ECD5 #EEE9D2 #ECE7CF

#FDF6E2 - #ECE7CF

Mélange HSV

#FDF6E2 - #ECE7CF | 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 #FDF6E2 0% et #ECE7CF 100%.

0.0%	0.0% #FDF6E2	RVB 253 246 226	#FDF6E2
16.7%	16.7% #FAF3DE	RVB 250 243 222	#FAF3DE
33.3%	33.3% #F7F0DB	RVB 247 240 219	#F7F0DB
50.0%	50.0% #F4EED8	RVB 244 238 216	#F4EED8
66.7%	66.7% #F1EBD5	RVB 241 235 213	#F1EBD5
83.3%	83.3% #EEE9D2	RVB 238 233 210	#EEE9D2
100.0%	100.0% #ECE7CF	RVB 236 231 207	#ECE7CF

#FDF6E2 #FAF3DE #F7F0DB #F4EED8 #F1EBD5 #EEE9D2 #ECE7CF

#FDF6E2 - #F4EED8 - #ECE7CF

Codes CSS

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

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