#AFB99D - #5E8D41 | 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 #AFB99D à #5E8D41

#AFB99D #5E8D41

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

#AFB99D - #5E8D41 | 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 #AFB99D 0% et #5E8D41 100%.

0.0%	0.0% #AFB99D	RVB 175 185 157	#AFB99D
16.7%	16.7% #A1B18D	RVB 161 177 141	#A1B18D
33.3%	33.3% #94AA7E	RVB 148 170 126	#94AA7E
50.0%	50.0% #86A36F	RVB 134 163 111	#86A36F
66.7%	66.7% #799B5F	RVB 121 155 95	#799B5F
83.3%	83.3% #6B9450	RVB 107 148 80	#6B9450
100.0%	100.0% #5E8D41	RVB 94 141 65	#5E8D41

#AFB99D #A1B18D #94AA7E #86A36F #799B5F #6B9450 #5E8D41

#AFB99D - #5E8D41

Mélange HSV

#AFB99D - #5E8D41 | 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 #AFB99D 0% et #5E8D41 100%.

0.0%	0.0% #AFB99D	RVB 175 185 157	#AFB99D
16.7%	16.7% #A2B18B	RVB 162 177 139	#A2B18B
33.3%	33.3% #95AA7A	RVB 149 170 122	#95AA7A
50.0%	50.0% #87A36A	RVB 135 163 106	#87A36A
66.7%	66.7% #799B5B	RVB 121 155 91	#799B5B
83.3%	83.3% #6B944D	RVB 107 148 77	#6B944D
100.0%	100.0% #5E8D41	RVB 94 141 65	#5E8D41

#AFB99D #A2B18B #95AA7A #87A36A #799B5B #6B944D #5E8D41

#AFB99D - #87A36A - #5E8D41

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB99D 0%, #87A36A 50%, #5E8D41 100%);
    background: -webkit-linear-gradient(top, #AFB99D 0%, #87A36A 50%, #5E8D41 100%);
    background: linear-gradient(to bottom, #AFB99D 0%, #87A36A 50%, #5E8D41 100%);
}
</style>