#5E8E5E - #E2D07C | 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 #5E8E5E à #E2D07C

#5E8E5E #E2D07C

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

#5E8E5E - #E2D07C | 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 #5E8E5E 0% et #E2D07C 100%.

0.0%	0.0% #5E8E5E	RVB 94 142 94	#5E8E5E
16.7%	16.7% #749963	RVB 116 153 99	#749963
33.3%	33.3% #8AA468	RVB 138 164 104	#8AA468
50.0%	50.0% #A0AF6D	RVB 160 175 109	#A0AF6D
66.7%	66.7% #B6BA72	RVB 182 186 114	#B6BA72
83.3%	83.3% #CCC577	RVB 204 197 119	#CCC577
100.0%	100.0% #E2D07C	RVB 226 208 124	#E2D07C

#5E8E5E #749963 #8AA468 #A0AF6D #B6BA72 #CCC577 #E2D07C

#5E8E5E - #E2D07C

Mélange HSV

#5E8E5E - #E2D07C | 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 #5E8E5E 0% et #E2D07C 100%.

0.0%	0.0% #5E8E5E	RVB 94 142 94	#5E8E5E
16.7%	16.7% #6F9C64	RVB 111 156 100	#6F9C64
33.3%	33.3% #83AA6A	RVB 131 170 106	#83AA6A
50.0%	50.0% #9AB86F	RVB 154 184 111	#9AB86F
66.7%	66.7% #B4C674	RVB 180 198 116	#B4C674
83.3%	83.3% #D2D478	RVB 210 212 120	#D2D478
100.0%	100.0% #E2D07C	RVB 226 208 124	#E2D07C

#5E8E5E #6F9C64 #83AA6A #9AB86F #B4C674 #D2D478 #E2D07C

#5E8E5E - #9AB86F - #E2D07C

Codes CSS

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

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