#3E5E06 - #BAAB33 | 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 #3E5E06 à #BAAB33

#3E5E06 #BAAB33

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

#3E5E06 - #BAAB33 | 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 #3E5E06 0% et #BAAB33 100%.

0.0%	0.0% #3E5E06	RVB 62 94 6	#3E5E06
16.7%	16.7% #526A0D	RVB 82 106 13	#526A0D
33.3%	33.3% #677715	RVB 103 119 21	#677715
50.0%	50.0% #7C841C	RVB 124 132 28	#7C841C
66.7%	66.7% #909124	RVB 144 145 36	#909124
83.3%	83.3% #A59E2B	RVB 165 158 43	#A59E2B
100.0%	100.0% #BAAB33	RVB 186 171 51	#BAAB33

#3E5E06 #526A0D #677715 #7C841C #909124 #A59E2B #BAAB33

#3E5E06 - #BAAB33

Mélange HSV

#3E5E06 - #BAAB33 | 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 #3E5E06 0% et #BAAB33 100%.

0.0%	0.0% #3E5E05	RVB 62 94 5	#3E5E05
16.7%	16.7% #516D0A	RVB 81 109 10	#516D0A
33.3%	33.3% #667C10	RVB 102 124 16	#667C10
50.0%	50.0% #7D8C17	RVB 125 140 23	#7D8C17
66.7%	66.7% #959B1F	RVB 149 155 31	#959B1F
83.3%	83.3% #AAA628	RVB 170 166 40	#AAA628
100.0%	100.0% #BAAB33	RVB 186 171 51	#BAAB33

#3E5E05 #516D0A #667C10 #7D8C17 #959B1F #AAA628 #BAAB33

#3E5E06 - #7D8C17 - #BAAB33

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E05 0%, #7D8C17 50%, #BAAB33 100%);
    background: -webkit-linear-gradient(top, #3E5E05 0%, #7D8C17 50%, #BAAB33 100%);
    background: linear-gradient(to bottom, #3E5E05 0%, #7D8C17 50%, #BAAB33 100%);
}
</style>