#214D19 - #8C9B5E | 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 #214D19 à #8C9B5E

#214D19 #8C9B5E

Calculez la couleur entre deux couleurs, #214D19 et #8C9B5E. 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)

#214D19 - #8C9B5E | 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 #214D19 0% et #8C9B5E 100%.

0.0%	0.0% #214D19	RVB 33 77 25	#214D19
16.7%	16.7% #325A24	RVB 50 90 36	#325A24
33.3%	33.3% #446730	RVB 68 103 48	#446730
50.0%	50.0% #56743B	RVB 86 116 59	#56743B
66.7%	66.7% #688147	RVB 104 129 71	#688147
83.3%	83.3% #7A8E52	RVB 122 142 82	#7A8E52
100.0%	100.0% #8C9B5E	RVB 140 155 94	#8C9B5E

#214D19 #325A24 #446730 #56743B #688147 #7A8E52 #8C9B5E

#214D19 - #8C9B5E

Mélange HSV

#214D19 - #8C9B5E | 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 #214D19 0% et #8C9B5E 100%.

0.0%	0.0% #204D19	RVB 32 77 25	#204D19
16.7%	16.7% #2F5A21	RVB 47 90 33	#2F5A21
33.3%	33.3% #40672B	RVB 64 103 43	#40672B
50.0%	50.0% #527436	RVB 82 116 54	#527436
66.7%	66.7% #648142	RVB 100 129 66	#648142
83.3%	83.3% #788E4F	RVB 120 142 79	#788E4F
100.0%	100.0% #8C9B5E	RVB 140 155 94	#8C9B5E

#204D19 #2F5A21 #40672B #527436 #648142 #788E4F #8C9B5E

#214D19 - #527436 - #8C9B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #204D19 0%, #527436 50%, #8C9B5E 100%);
    background: -webkit-linear-gradient(top, #204D19 0%, #527436 50%, #8C9B5E 100%);
    background: linear-gradient(to bottom, #204D19 0%, #527436 50%, #8C9B5E 100%);
}
</style>