#201F01 - #4E5E10 | 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 #201F01 à #4E5E10

#201F01 #4E5E10

Calculez la couleur entre deux couleurs, #201F01 et #4E5E10. 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)

#201F01 - #4E5E10 | 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 #201F01 0% et #4E5E10 100%.

0.0%	0.0% #201F01	RVB 32 31 1	#201F01
16.7%	16.7% #272903	RVB 39 41 3	#272903
33.3%	33.3% #2F3406	RVB 47 52 6	#2F3406
50.0%	50.0% #373E08	RVB 55 62 8	#373E08
66.7%	66.7% #3E490B	RVB 62 73 11	#3E490B
83.3%	83.3% #46530D	RVB 70 83 13	#46530D
100.0%	100.0% #4E5E10	RVB 78 94 16	#4E5E10

#201F01 #272903 #2F3406 #373E08 #3E490B #46530D #4E5E10

#201F01 - #4E5E10

Mélange HSV

#201F01 - #4E5E10 | 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 #201F01 0% et #4E5E10 100%.

0.0%	0.0% #201F01	RVB 32 31 1	#201F01
16.7%	16.7% #2A2A02	RVB 42 42 2	#2A2A02
33.3%	33.3% #323404	RVB 50 52 4	#323404
50.0%	50.0% #3A3F06	RVB 58 63 6	#3A3F06
66.7%	66.7% #414909	RVB 65 73 9	#414909
83.3%	83.3% #47530C	RVB 71 83 12	#47530C
100.0%	100.0% #4E5E10	RVB 78 94 16	#4E5E10

#201F01 #2A2A02 #323404 #3A3F06 #414909 #47530C #4E5E10

#201F01 - #3A3F06 - #4E5E10

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201F01 0%, #3A3F06 50%, #4E5E10 100%);
    background: -webkit-linear-gradient(top, #201F01 0%, #3A3F06 50%, #4E5E10 100%);
    background: linear-gradient(to bottom, #201F01 0%, #3A3F06 50%, #4E5E10 100%);
}
</style>