#5E8D5E - #E1CF7C | 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 #5E8D5E à #E1CF7C

#5E8D5E #E1CF7C

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

#5E8D5E - #E1CF7C | 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 #5E8D5E 0% et #E1CF7C 100%.

0.0%	0.0% #5E8D5E	RVB 94 141 94	#5E8D5E
16.7%	16.7% #739863	RVB 115 152 99	#739863
33.3%	33.3% #89A368	RVB 137 163 104	#89A368
50.0%	50.0% #9FAE6D	RVB 159 174 109	#9FAE6D
66.7%	66.7% #B5B972	RVB 181 185 114	#B5B972
83.3%	83.3% #CBC477	RVB 203 196 119	#CBC477
100.0%	100.0% #E1CF7C	RVB 225 207 124	#E1CF7C

#5E8D5E #739863 #89A368 #9FAE6D #B5B972 #CBC477 #E1CF7C

#5E8D5E - #E1CF7C

Mélange HSV

#5E8D5E - #E1CF7C | 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 #5E8D5E 0% et #E1CF7C 100%.

0.0%	0.0% #5E8D5E	RVB 94 141 94	#5E8D5E
16.7%	16.7% #6F9B64	RVB 111 155 100	#6F9B64
33.3%	33.3% #82A96A	RVB 130 169 106	#82A96A
50.0%	50.0% #99B76F	RVB 153 183 111	#99B76F
66.7%	66.7% #B3C574	RVB 179 197 116	#B3C574
83.3%	83.3% #D1D378	RVB 209 211 120	#D1D378
100.0%	100.0% #E1CF7C	RVB 225 207 124	#E1CF7C

#5E8D5E #6F9B64 #82A96A #99B76F #B3C574 #D1D378 #E1CF7C

#5E8D5E - #99B76F - #E1CF7C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8D5E 0%, #99B76F 50%, #E1CF7C 100%);
    background: -webkit-linear-gradient(top, #5E8D5E 0%, #99B76F 50%, #E1CF7C 100%);
    background: linear-gradient(to bottom, #5E8D5E 0%, #99B76F 50%, #E1CF7C 100%);
}
</style>