#8CFEB5 - #38EB6D | 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 #8CFEB5 à #38EB6D

#8CFEB5 #38EB6D

Calculez la couleur entre deux couleurs, #8CFEB5 et #38EB6D. 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)

#8CFEB5 - #38EB6D | 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 #8CFEB5 0% et #38EB6D 100%.

0.0%	0.0% #8CFEB5	RVB 140 254 181	#8CFEB5
16.7%	16.7% #7EFAA9	RVB 126 250 169	#7EFAA9
33.3%	33.3% #70F79D	RVB 112 247 157	#70F79D
50.0%	50.0% #62F491	RVB 98 244 145	#62F491
66.7%	66.7% #54F185	RVB 84 241 133	#54F185
83.3%	83.3% #46EE79	RVB 70 238 121	#46EE79
100.0%	100.0% #38EB6D	RVB 56 235 109	#38EB6D

#8CFEB5 #7EFAA9 #70F79D #62F491 #54F185 #46EE79 #38EB6D

#8CFEB5 - #38EB6D

Mélange HSV

#8CFEB5 - #38EB6D | 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 #8CFEB5 0% et #38EB6D 100%.

0.0%	0.0% #8CFEB5	RVB 140 254 181	#8CFEB5
16.7%	16.7% #7DFAA9	RVB 125 250 169	#7DFAA9
33.3%	33.3% #6EF79D	RVB 110 247 157	#6EF79D
50.0%	50.0% #60F491	RVB 96 244 145	#60F491
66.7%	66.7% #52F185	RVB 82 241 133	#52F185
83.3%	83.3% #45EE79	RVB 69 238 121	#45EE79
100.0%	100.0% #38EB6D	RVB 56 235 109	#38EB6D

#8CFEB5 #7DFAA9 #6EF79D #60F491 #52F185 #45EE79 #38EB6D

#8CFEB5 - #60F491 - #38EB6D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CFEB5 0%, #60F491 50%, #38EB6D 100%);
    background: -webkit-linear-gradient(top, #8CFEB5 0%, #60F491 50%, #38EB6D 100%);
    background: linear-gradient(to bottom, #8CFEB5 0%, #60F491 50%, #38EB6D 100%);
}
</style>