#2B5E00 - #AFB132 | 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 #2B5E00 à #AFB132

#2B5E00 #AFB132

Calculez la couleur entre deux couleurs, #2B5E00 et #AFB132. 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)

#2B5E00 - #AFB132 | 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 #2B5E00 0% et #AFB132 100%.

0.0%	0.0% #2B5E00	RVB 43 94 0	#2B5E00
16.7%	16.7% #416B08	RVB 65 107 8	#416B08
33.3%	33.3% #577910	RVB 87 121 16	#577910
50.0%	50.0% #6D8719	RVB 109 135 25	#6D8719
66.7%	66.7% #839521	RVB 131 149 33	#839521
83.3%	83.3% #99A329	RVB 153 163 41	#99A329
100.0%	100.0% #AFB132	RVB 175 177 50	#AFB132

#2B5E00 #416B08 #577910 #6D8719 #839521 #99A329 #AFB132

#2B5E00 - #AFB132

Mélange HSV

#2B5E00 - #AFB132 | 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 #2B5E00 0% et #AFB132 100%.

0.0%	0.0% #2A5E00	RVB 42 94 0	#2A5E00
16.7%	16.7% #3D6B05	RVB 61 107 5	#3D6B05
33.3%	33.3% #51790B	RVB 81 121 11	#51790B
50.0%	50.0% #678713	RVB 103 135 19	#678713
66.7%	66.7% #7E951C	RVB 126 149 28	#7E951C
83.3%	83.3% #96A326	RVB 150 163 38	#96A326
100.0%	100.0% #AFB132	RVB 175 177 50	#AFB132

#2A5E00 #3D6B05 #51790B #678713 #7E951C #96A326 #AFB132

#2B5E00 - #678713 - #AFB132

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A5E00 0%, #678713 50%, #AFB132 100%);
    background: -webkit-linear-gradient(top, #2A5E00 0%, #678713 50%, #AFB132 100%);
    background: linear-gradient(to bottom, #2A5E00 0%, #678713 50%, #AFB132 100%);
}
</style>