#E5E7E5 - #9CD5A6 | 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 #E5E7E5 à #9CD5A6

#E5E7E5 #9CD5A6

Calculez la couleur entre deux couleurs, #E5E7E5 et #9CD5A6. 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)

#E5E7E5 - #9CD5A6 | 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 #E5E7E5 0% et #9CD5A6 100%.

0.0%	0.0% #E5E7E5	RVB 229 231 229	#E5E7E5
16.7%	16.7% #D8E4DA	RVB 216 228 218	#D8E4DA
33.3%	33.3% #CCE1D0	RVB 204 225 208	#CCE1D0
50.0%	50.0% #C0DEC5	RVB 192 222 197	#C0DEC5
66.7%	66.7% #B4DBBB	RVB 180 219 187	#B4DBBB
83.3%	83.3% #A8D8B0	RVB 168 216 176	#A8D8B0
100.0%	100.0% #9CD5A6	RVB 156 213 166	#9CD5A6

#E5E7E5 #D8E4DA #CCE1D0 #C0DEC5 #B4DBBB #A8D8B0 #9CD5A6

#E5E7E5 - #9CD5A6

Mélange HSV

#E5E7E5 - #9CD5A6 | 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 #E5E7E5 0% et #9CD5A6 100%.

0.0%	0.0% #E5E7E5	RVB 229 231 229	#E5E7E5
16.7%	16.7% #D8E4D8	RVB 216 228 216	#D8E4D8
33.3%	33.3% #CBE1CC	RVB 203 225 204	#CBE1CC
50.0%	50.0% #BFDEC2	RVB 191 222 194	#BFDEC2
66.7%	66.7% #B3DBB7	RVB 179 219 183	#B3DBB7
83.3%	83.3% #A7D8AE	RVB 167 216 174	#A7D8AE
100.0%	100.0% #9CD5A6	RVB 156 213 166	#9CD5A6

#E5E7E5 #D8E4D8 #CBE1CC #BFDEC2 #B3DBB7 #A7D8AE #9CD5A6

#E5E7E5 - #BFDEC2 - #9CD5A6

Codes CSS

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

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