#C2FF9C - #37482C | 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 #C2FF9C à #37482C

#C2FF9C #37482C

Calculez la couleur entre deux couleurs, #C2FF9C et #37482C. 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)

#C2FF9C - #37482C | 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 #C2FF9C 0% et #37482C 100%.

0.0%	0.0% #C2FF9C	RVB 194 255 156	#C2FF9C
16.7%	16.7% #AAE089	RVB 170 224 137	#AAE089
33.3%	33.3% #93C276	RVB 147 194 118	#93C276
50.0%	50.0% #7CA364	RVB 124 163 100	#7CA364
66.7%	66.7% #658451	RVB 101 132 81	#658451
83.3%	83.3% #4E663E	RVB 78 102 62	#4E663E
100.0%	100.0% #37482C	RVB 55 72 44	#37482C

#C2FF9C #AAE089 #93C276 #7CA364 #658451 #4E663E #37482C

#C2FF9C - #37482C

Mélange HSV

#C2FF9C - #37482C | 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 #C2FF9C 0% et #37482C 100%.

0.0%	0.0% #C2FF9C	RVB 194 255 156	#C2FF9C
16.7%	16.7% #AAE089	RVB 170 224 137	#AAE089
33.3%	33.3% #93C276	RVB 147 194 118	#93C276
50.0%	50.0% #7CA363	RVB 124 163 99	#7CA363
66.7%	66.7% #658451	RVB 101 132 81	#658451
83.3%	83.3% #4E663E	RVB 78 102 62	#4E663E
100.0%	100.0% #37482C	RVB 55 72 44	#37482C

#C2FF9C #AAE089 #93C276 #7CA363 #658451 #4E663E #37482C

#C2FF9C - #7CA363 - #37482C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FF9C 0%, #7CA363 50%, #37482C 100%);
    background: -webkit-linear-gradient(top, #C2FF9C 0%, #7CA363 50%, #37482C 100%);
    background: linear-gradient(to bottom, #C2FF9C 0%, #7CA363 50%, #37482C 100%);
}
</style>