#6D9D3E - #D5E3C7 | 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 #6D9D3E à #D5E3C7

#6D9D3E #D5E3C7

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

#6D9D3E - #D5E3C7 | 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 #6D9D3E 0% et #D5E3C7 100%.

0.0%	0.0% #6D9D3E	RVB 109 157 62	#6D9D3E
16.7%	16.7% #7EA854	RVB 126 168 84	#7EA854
33.3%	33.3% #8FB46B	RVB 143 180 107	#8FB46B
50.0%	50.0% #A1C082	RVB 161 192 130	#A1C082
66.7%	66.7% #B2CB99	RVB 178 203 153	#B2CB99
83.3%	83.3% #C3D7B0	RVB 195 215 176	#C3D7B0
100.0%	100.0% #D5E3C7	RVB 213 227 199	#D5E3C7

#6D9D3E #7EA854 #8FB46B #A1C082 #B2CB99 #C3D7B0 #D5E3C7

#6D9D3E - #D5E3C7

Mélange HSV

#6D9D3E - #D5E3C7 | 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 #6D9D3E 0% et #D5E3C7 100%.

0.0%	0.0% #6D9D3E	RVB 109 157 62	#6D9D3E
16.7%	16.7% #7CA850	RVB 124 168 80	#7CA850
33.3%	33.3% #8BB464	RVB 139 180 100	#8BB464
50.0%	50.0% #9CC07A	RVB 156 192 122	#9CC07A
66.7%	66.7% #AECB91	RVB 174 203 145	#AECB91
83.3%	83.3% #C1D7AB	RVB 193 215 171	#C1D7AB
100.0%	100.0% #D5E3C7	RVB 213 227 199	#D5E3C7

#6D9D3E #7CA850 #8BB464 #9CC07A #AECB91 #C1D7AB #D5E3C7

#6D9D3E - #9CC07A - #D5E3C7

Codes CSS

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

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