#3C5E05 - #C6D1B7 | 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 #3C5E05 à #C6D1B7

#3C5E05 #C6D1B7

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

#3C5E05 - #C6D1B7 | 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 #3C5E05 0% et #C6D1B7 100%.

0.0%	0.0% #3C5E05	RVB 60 94 5	#3C5E05
16.7%	16.7% #537122	RVB 83 113 34	#537122
33.3%	33.3% #6A8440	RVB 106 132 64	#6A8440
50.0%	50.0% #81975E	RVB 129 151 94	#81975E
66.7%	66.7% #98AA7B	RVB 152 170 123	#98AA7B
83.3%	83.3% #AFBD99	RVB 175 189 153	#AFBD99
100.0%	100.0% #C6D1B7	RVB 198 209 183	#C6D1B7

#3C5E05 #537122 #6A8440 #81975E #98AA7B #AFBD99 #C6D1B7

#3C5E05 - #C6D1B7

Mélange HSV

#3C5E05 - #C6D1B7 | 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 #3C5E05 0% et #C6D1B7 100%.

0.0%	0.0% #3C5E04	RVB 60 94 4	#3C5E04
16.7%	16.7% #4D7115	RVB 77 113 21	#4D7115
33.3%	33.3% #61842B	RVB 97 132 43	#61842B
50.0%	50.0% #769746	RVB 118 151 70	#769746
66.7%	66.7% #8EAA66	RVB 142 170 102	#8EAA66
83.3%	83.3% #A9BD8C	RVB 169 189 140	#A9BD8C
100.0%	100.0% #C6D1B7	RVB 198 209 183	#C6D1B7

#3C5E04 #4D7115 #61842B #769746 #8EAA66 #A9BD8C #C6D1B7

#3C5E05 - #769746 - #C6D1B7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E04 0%, #769746 50%, #C6D1B7 100%);
    background: -webkit-linear-gradient(top, #3C5E04 0%, #769746 50%, #C6D1B7 100%);
    background: linear-gradient(to bottom, #3C5E04 0%, #769746 50%, #C6D1B7 100%);
}
</style>