#5EAA7C - #D9D4A8 | 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 #5EAA7C à #D9D4A8

#5EAA7C #D9D4A8

Calculez la couleur entre deux couleurs, #5EAA7C et #D9D4A8. 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)

#5EAA7C - #D9D4A8 | 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 #5EAA7C 0% et #D9D4A8 100%.

0.0%	0.0% #5EAA7C	RVB 94 170 124	#5EAA7C
16.7%	16.7% #72B183	RVB 114 177 131	#72B183
33.3%	33.3% #87B88A	RVB 135 184 138	#87B88A
50.0%	50.0% #9BBF92	RVB 155 191 146	#9BBF92
66.7%	66.7% #B0C699	RVB 176 198 153	#B0C699
83.3%	83.3% #C4CDA0	RVB 196 205 160	#C4CDA0
100.0%	100.0% #D9D4A8	RVB 217 212 168	#D9D4A8

#5EAA7C #72B183 #87B88A #9BBF92 #B0C699 #C4CDA0 #D9D4A8

#5EAA7C - #D9D4A8

Mélange HSV

#5EAA7C - #D9D4A8 | 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 #5EAA7C 0% et #D9D4A8 100%.

0.0%	0.0% #5EAA7C	RVB 94 170 124	#5EAA7C
16.7%	16.7% #68B173	RVB 104 177 115	#68B173
33.3%	33.3% #7BB974	RVB 123 185 116	#7BB974
50.0%	50.0% #97C180	RVB 151 193 128	#97C180
66.7%	66.7% #B1C98D	RVB 177 201 141	#B1C98D
83.3%	83.3% #C9D19A	RVB 201 209 154	#C9D19A
100.0%	100.0% #D9D4A8	RVB 217 212 168	#D9D4A8

#5EAA7C #68B173 #7BB974 #97C180 #B1C98D #C9D19A #D9D4A8

#5EAA7C - #97C180 - #D9D4A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAA7C 0%, #97C180 50%, #D9D4A8 100%);
    background: -webkit-linear-gradient(top, #5EAA7C 0%, #97C180 50%, #D9D4A8 100%);
    background: linear-gradient(to bottom, #5EAA7C 0%, #97C180 50%, #D9D4A8 100%);
}
</style>