#6B8C5E - #E4CE7D | 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 #6B8C5E à #E4CE7D

#6B8C5E #E4CE7D

Calculez la couleur entre deux couleurs, #6B8C5E et #E4CE7D. 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)

#6B8C5E - #E4CE7D | 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 #6B8C5E 0% et #E4CE7D 100%.

0.0%	0.0% #6B8C5E	RVB 107 140 94	#6B8C5E
16.7%	16.7% #7F9763	RVB 127 151 99	#7F9763
33.3%	33.3% #93A268	RVB 147 162 104	#93A268
50.0%	50.0% #A7AD6D	RVB 167 173 109	#A7AD6D
66.7%	66.7% #BBB872	RVB 187 184 114	#BBB872
83.3%	83.3% #CFC377	RVB 207 195 119	#CFC377
100.0%	100.0% #E4CE7D	RVB 228 206 125	#E4CE7D

#6B8C5E #7F9763 #93A268 #A7AD6D #BBB872 #CFC377 #E4CE7D

#6B8C5E - #E4CE7D

Mélange HSV

#6B8C5E - #E4CE7D | 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 #6B8C5E 0% et #E4CE7D 100%.

0.0%	0.0% #6B8C5E	RVB 107 140 94	#6B8C5E
16.7%	16.7% #7C9A64	RVB 124 154 100	#7C9A64
33.3%	33.3% #8FA96A	RVB 143 169 106	#8FA96A
50.0%	50.0% #A5B870	RVB 165 184 112	#A5B870
66.7%	66.7% #BEC675	RVB 190 198 117	#BEC675
83.3%	83.3% #D5CF79	RVB 213 207 121	#D5CF79
100.0%	100.0% #E4CE7D	RVB 228 206 125	#E4CE7D

#6B8C5E #7C9A64 #8FA96A #A5B870 #BEC675 #D5CF79 #E4CE7D

#6B8C5E - #A5B870 - #E4CE7D

Codes CSS

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

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