#3B5E2D - #1F3F01 | 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 #3B5E2D à #1F3F01

#3B5E2D #1F3F01

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

#3B5E2D - #1F3F01 | 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 #3B5E2D 0% et #1F3F01 100%.

0.0%	0.0% #3B5E2D	RVB 59 94 45	#3B5E2D
16.7%	16.7% #365825	RVB 54 88 37	#365825
33.3%	33.3% #31531E	RVB 49 83 30	#31531E
50.0%	50.0% #2D4E17	RVB 45 78 23	#2D4E17
66.7%	66.7% #28490F	RVB 40 73 15	#28490F
83.3%	83.3% #234408	RVB 35 68 8	#234408
100.0%	100.0% #1F3F01	RVB 31 63 1	#1F3F01

#3B5E2D #365825 #31531E #2D4E17 #28490F #234408 #1F3F01

#3B5E2D - #1F3F01

Mélange HSV

#3B5E2D - #1F3F01 | 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 #3B5E2D 0% et #1F3F01 100%.

0.0%	0.0% #3B5E2D	RVB 59 94 45	#3B5E2D
16.7%	16.7% #345823	RVB 52 88 35	#345823
33.3%	33.3% #2F531B	RVB 47 83 27	#2F531B
50.0%	50.0% #2A4E13	RVB 42 78 19	#2A4E13
66.7%	66.7% #25490C	RVB 37 73 12	#25490C
83.3%	83.3% #224406	RVB 34 68 6	#224406
100.0%	100.0% #1F3F01	RVB 31 63 1	#1F3F01

#3B5E2D #345823 #2F531B #2A4E13 #25490C #224406 #1F3F01

#3B5E2D - #2A4E13 - #1F3F01

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E2D 0%, #2A4E13 50%, #1F3F01 100%);
    background: -webkit-linear-gradient(top, #3B5E2D 0%, #2A4E13 50%, #1F3F01 100%);
    background: linear-gradient(to bottom, #3B5E2D 0%, #2A4E13 50%, #1F3F01 100%);
}
</style>