#3E5E3A - #AFAA61 | 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 #3E5E3A à #AFAA61

#3E5E3A #AFAA61

Calculez la couleur entre deux couleurs, #3E5E3A et #AFAA61. 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)

#3E5E3A - #AFAA61 | 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 #3E5E3A 0% et #AFAA61 100%.

0.0%	0.0% #3E5E3A	RVB 62 94 58	#3E5E3A
16.7%	16.7% #506A40	RVB 80 106 64	#506A40
33.3%	33.3% #637747	RVB 99 119 71	#637747
50.0%	50.0% #76844D	RVB 118 132 77	#76844D
66.7%	66.7% #899054	RVB 137 144 84	#899054
83.3%	83.3% #9C9D5A	RVB 156 157 90	#9C9D5A
100.0%	100.0% #AFAA61	RVB 175 170 97	#AFAA61

#3E5E3A #506A40 #637747 #76844D #899054 #9C9D5A #AFAA61

#3E5E3A - #AFAA61

Mélange HSV

#3E5E3A - #AFAA61 | 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 #3E5E3A 0% et #AFAA61 100%.

0.0%	0.0% #3E5E3A	RVB 62 94 58	#3E5E3A
16.7%	16.7% #4C6B41	RVB 76 107 65	#4C6B41
33.3%	33.3% #5D7948	RVB 93 121 72	#5D7948
50.0%	50.0% #6F864E	RVB 111 134 78	#6F864E
66.7%	66.7% #849455	RVB 132 148 85	#849455
83.3%	83.3% #9AA15B	RVB 154 161 91	#9AA15B
100.0%	100.0% #AFAA61	RVB 175 170 97	#AFAA61

#3E5E3A #4C6B41 #5D7948 #6F864E #849455 #9AA15B #AFAA61

#3E5E3A - #6F864E - #AFAA61

Codes CSS

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

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