#3E5E3C - #AEA962 | 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 #3E5E3C à #AEA962

#3E5E3C #AEA962

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

#3E5E3C - #AEA962 | 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 #3E5E3C 0% et #AEA962 100%.

0.0%	0.0% #3E5E3C	RVB 62 94 60	#3E5E3C
16.7%	16.7% #506A42	RVB 80 106 66	#506A42
33.3%	33.3% #637748	RVB 99 119 72	#637748
50.0%	50.0% #76834F	RVB 118 131 79	#76834F
66.7%	66.7% #889055	RVB 136 144 85	#889055
83.3%	83.3% #9B9C5B	RVB 155 156 91	#9B9C5B
100.0%	100.0% #AEA962	RVB 174 169 98	#AEA962

#3E5E3C #506A42 #637748 #76834F #889055 #9B9C5B #AEA962

#3E5E3C - #AEA962

Mélange HSV

#3E5E3C - #AEA962 | 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 #3E5E3C 0% et #AEA962 100%.

0.0%	0.0% #3E5E3C	RVB 62 94 60	#3E5E3C
16.7%	16.7% #4C6B43	RVB 76 107 67	#4C6B43
33.3%	33.3% #5C784A	RVB 92 120 74	#5C784A
50.0%	50.0% #6E8650	RVB 110 134 80	#6E8650
66.7%	66.7% #829356	RVB 130 147 86	#829356
83.3%	83.3% #99A05C	RVB 153 160 92	#99A05C
100.0%	100.0% #AEA962	RVB 174 169 98	#AEA962

#3E5E3C #4C6B43 #5C784A #6E8650 #829356 #99A05C #AEA962

#3E5E3C - #6E8650 - #AEA962

Codes CSS

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

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