#4D9C2D - #162C0C | 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 #4D9C2D à #162C0C

#4D9C2D #162C0C

Calculez la couleur entre deux couleurs, #4D9C2D et #162C0C. 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)

#4D9C2D - #162C0C | 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 #4D9C2D 0% et #162C0C 100%.

0.0%	0.0% #4D9C2D	RVB 77 156 45	#4D9C2D
16.7%	16.7% #438927	RVB 67 137 39	#438927
33.3%	33.3% #3A7622	RVB 58 118 34	#3A7622
50.0%	50.0% #31641C	RVB 49 100 28	#31641C
66.7%	66.7% #285117	RVB 40 81 23	#285117
83.3%	83.3% #1F3E11	RVB 31 62 17	#1F3E11
100.0%	100.0% #162C0C	RVB 22 44 12	#162C0C

#4D9C2D #438927 #3A7622 #31641C #285117 #1F3E11 #162C0C

#4D9C2D - #162C0C

Mélange HSV

#4D9C2D - #162C0C | 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 #4D9C2D 0% et #162C0C 100%.

0.0%	0.0% #4C9C2C	RVB 76 156 44	#4C9C2C
16.7%	16.7% #438927	RVB 67 137 39	#438927
33.3%	33.3% #3A7621	RVB 58 118 33	#3A7621
50.0%	50.0% #31641C	RVB 49 100 28	#31641C
66.7%	66.7% #285116	RVB 40 81 22	#285116
83.3%	83.3% #1F3E11	RVB 31 62 17	#1F3E11
100.0%	100.0% #162C0C	RVB 22 44 12	#162C0C

#4C9C2C #438927 #3A7621 #31641C #285116 #1F3E11 #162C0C

#4D9C2D - #31641C - #162C0C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C9C2C 0%, #31641C 50%, #162C0C 100%);
    background: -webkit-linear-gradient(top, #4C9C2C 0%, #31641C 50%, #162C0C 100%);
    background: linear-gradient(to bottom, #4C9C2C 0%, #31641C 50%, #162C0C 100%);
}
</style>