#2D5E2D - #0D3F01 | 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 #2D5E2D à #0D3F01

#2D5E2D #0D3F01

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

#2D5E2D - #0D3F01 | 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 #2D5E2D 0% et #0D3F01 100%.

0.0%	0.0% #2D5E2D	RVB 45 94 45	#2D5E2D
16.7%	16.7% #275825	RVB 39 88 37	#275825
33.3%	33.3% #22531E	RVB 34 83 30	#22531E
50.0%	50.0% #1D4E17	RVB 29 78 23	#1D4E17
66.7%	66.7% #17490F	RVB 23 73 15	#17490F
83.3%	83.3% #124408	RVB 18 68 8	#124408
100.0%	100.0% #0D3F01	RVB 13 63 1	#0D3F01

#2D5E2D #275825 #22531E #1D4E17 #17490F #124408 #0D3F01

#2D5E2D - #0D3F01

Mélange HSV

#2D5E2D - #0D3F01 | 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 #2D5E2D 0% et #0D3F01 100%.

0.0%	0.0% #2D5E2D	RVB 45 94 45	#2D5E2D
16.7%	16.7% #255823	RVB 37 88 35	#255823
33.3%	33.3% #1E531B	RVB 30 83 27	#1E531B
50.0%	50.0% #194E13	RVB 25 78 19	#194E13
66.7%	66.7% #14490C	RVB 20 73 12	#14490C
83.3%	83.3% #104406	RVB 16 68 6	#104406
100.0%	100.0% #0D3F01	RVB 13 63 1	#0D3F01

#2D5E2D #255823 #1E531B #194E13 #14490C #104406 #0D3F01

#2D5E2D - #194E13 - #0D3F01

Codes CSS

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

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