#3C8C7E - #AFD093 | 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 #3C8C7E à #AFD093

#3C8C7E #AFD093

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

#3C8C7E - #AFD093 | 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 #3C8C7E 0% et #AFD093 100%.

0.0%	0.0% #3C8C7E	RVB 60 140 126	#3C8C7E
16.7%	16.7% #4F9781	RVB 79 151 129	#4F9781
33.3%	33.3% #62A285	RVB 98 162 133	#62A285
50.0%	50.0% #75AE88	RVB 117 174 136	#75AE88
66.7%	66.7% #88B98C	RVB 136 185 140	#88B98C
83.3%	83.3% #9BC48F	RVB 155 196 143	#9BC48F
100.0%	100.0% #AFD093	RVB 175 208 147	#AFD093

#3C8C7E #4F9781 #62A285 #75AE88 #88B98C #9BC48F #AFD093

#3C8C7E - #AFD093

Mélange HSV

#3C8C7E - #AFD093 | 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 #3C8C7E 0% et #AFD093 100%.

0.0%	0.0% #3C8C7E	RVB 60 140 126	#3C8C7E
16.7%	16.7% #479778	RVB 71 151 120	#479778
33.3%	33.3% #54A273	RVB 84 162 115	#54A273
50.0%	50.0% #62AE70	RVB 98 174 112	#62AE70
66.7%	66.7% #74B971	RVB 116 185 113	#74B971
83.3%	83.3% #92C481	RVB 146 196 129	#92C481
100.0%	100.0% #AFD093	RVB 175 208 147	#AFD093

#3C8C7E #479778 #54A273 #62AE70 #74B971 #92C481 #AFD093

#3C8C7E - #62AE70 - #AFD093

Codes CSS

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

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