#2D5E2B - #0E3E01 | 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 #2D5E2B à #0E3E01

#2D5E2B #0E3E01

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

#2D5E2B - #0E3E01 | 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 #2D5E2B 0% et #0E3E01 100%.

0.0%	0.0% #2D5E2B	RVB 45 94 43	#2D5E2B
16.7%	16.7% #275824	RVB 39 88 36	#275824
33.3%	33.3% #22531D	RVB 34 83 29	#22531D
50.0%	50.0% #1D4E16	RVB 29 78 22	#1D4E16
66.7%	66.7% #18480F	RVB 24 72 15	#18480F
83.3%	83.3% #134308	RVB 19 67 8	#134308
100.0%	100.0% #0E3E01	RVB 14 62 1	#0E3E01

#2D5E2B #275824 #22531D #1D4E16 #18480F #134308 #0E3E01

#2D5E2B - #0E3E01

Mélange HSV

#2D5E2B - #0E3E01 | 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 #2D5E2B 0% et #0E3E01 100%.

0.0%	0.0% #2C5E2B	RVB 44 94 43	#2C5E2B
16.7%	16.7% #255822	RVB 37 88 34	#255822
33.3%	33.3% #1F5319	RVB 31 83 25	#1F5319
50.0%	50.0% #194E12	RVB 25 78 18	#194E12
66.7%	66.7% #15480B	RVB 21 72 11	#15480B
83.3%	83.3% #114306	RVB 17 67 6	#114306
100.0%	100.0% #0E3E01	RVB 14 62 1	#0E3E01

#2C5E2B #255822 #1F5319 #194E12 #15480B #114306 #0E3E01

#2D5E2B - #194E12 - #0E3E01

Codes CSS

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

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