#40483B - #ADBA5E | 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 #40483B à #ADBA5E

#40483B #ADBA5E

Calculez la couleur entre deux couleurs, #40483B et #ADBA5E. 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)

#40483B - #ADBA5E | 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 #40483B 0% et #ADBA5E 100%.

0.0%	0.0% #40483B	RVB 64 72 59	#40483B
16.7%	16.7% #525B40	RVB 82 91 64	#525B40
33.3%	33.3% #646E46	RVB 100 110 70	#646E46
50.0%	50.0% #76814C	RVB 118 129 76	#76814C
66.7%	66.7% #889452	RVB 136 148 82	#889452
83.3%	83.3% #9AA758	RVB 154 167 88	#9AA758
100.0%	100.0% #ADBA5E	RVB 173 186 94	#ADBA5E

#40483B #525B40 #646E46 #76814C #889452 #9AA758 #ADBA5E

#40483B - #ADBA5E

Mélange HSV

#40483B - #ADBA5E | 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 #40483B 0% et #ADBA5E 100%.

0.0%	0.0% #40483B	RVB 64 72 59	#40483B
16.7%	16.7% #4F5B45	RVB 79 91 69	#4F5B45
33.3%	33.3% #5F6E4E	RVB 95 110 78	#5F6E4E
50.0%	50.0% #708155	RVB 112 129 85	#708155
66.7%	66.7% #82945A	RVB 130 148 90	#82945A
83.3%	83.3% #96A75D	RVB 150 167 93	#96A75D
100.0%	100.0% #ADBA5E	RVB 173 186 94	#ADBA5E

#40483B #4F5B45 #5F6E4E #708155 #82945A #96A75D #ADBA5E

#40483B - #708155 - #ADBA5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40483B 0%, #708155 50%, #ADBA5E 100%);
    background: -webkit-linear-gradient(top, #40483B 0%, #708155 50%, #ADBA5E 100%);
    background: linear-gradient(to bottom, #40483B 0%, #708155 50%, #ADBA5E 100%);
}
</style>