#3C7D3C - #C7D9C7 | 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 #3C7D3C à #C7D9C7

#3C7D3C #C7D9C7

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

#3C7D3C - #C7D9C7 | 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 #3C7D3C 0% et #C7D9C7 100%.

0.0%	0.0% #3C7D3C	RVB 60 125 60	#3C7D3C
16.7%	16.7% #538C53	RVB 83 140 83	#538C53
33.3%	33.3% #6A9B6A	RVB 106 155 106	#6A9B6A
50.0%	50.0% #81AB81	RVB 129 171 129	#81AB81
66.7%	66.7% #98BA98	RVB 152 186 152	#98BA98
83.3%	83.3% #AFC9AF	RVB 175 201 175	#AFC9AF
100.0%	100.0% #C7D9C7	RVB 199 217 199	#C7D9C7

#3C7D3C #538C53 #6A9B6A #81AB81 #98BA98 #AFC9AF #C7D9C7

#3C7D3C - #C7D9C7

Mélange HSV

#3C7D3C - #C7D9C7 | 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 #3C7D3C 0% et #C7D9C7 100%.

0.0%	0.0% #3C7D3C	RVB 60 125 60	#3C7D3C
16.7%	16.7% #4D8C4D	RVB 77 140 77	#4D8C4D
33.3%	33.3% #619B61	RVB 97 155 97	#619B61
50.0%	50.0% #77AB77	RVB 119 171 119	#77AB77
66.7%	66.7% #8FBA8F	RVB 143 186 143	#8FBA8F
83.3%	83.3% #AAC9AA	RVB 170 201 170	#AAC9AA
100.0%	100.0% #C7D9C7	RVB 199 217 199	#C7D9C7

#3C7D3C #4D8C4D #619B61 #77AB77 #8FBA8F #AAC9AA #C7D9C7

#3C7D3C - #77AB77 - #C7D9C7

Codes CSS

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

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