#7DFFC3 - #14E39B | 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 #7DFFC3 à #14E39B

#7DFFC3 #14E39B

Calculez la couleur entre deux couleurs, #7DFFC3 et #14E39B. 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)

#7DFFC3 - #14E39B | 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 #7DFFC3 0% et #14E39B 100%.

0.0%	0.0% #7DFFC3	RVB 125 255 195	#7DFFC3
16.7%	16.7% #6BFABC	RVB 107 250 188	#6BFABC
33.3%	33.3% #5AF5B5	RVB 90 245 181	#5AF5B5
50.0%	50.0% #48F1AF	RVB 72 241 175	#48F1AF
66.7%	66.7% #37ECA8	RVB 55 236 168	#37ECA8
83.3%	83.3% #25E7A1	RVB 37 231 161	#25E7A1
100.0%	100.0% #14E39B	RVB 20 227 155	#14E39B

#7DFFC3 #6BFABC #5AF5B5 #48F1AF #37ECA8 #25E7A1 #14E39B

#7DFFC3 - #14E39B

Mélange HSV

#7DFFC3 - #14E39B | 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 #7DFFC3 0% et #14E39B 100%.

0.0%	0.0% #7DFFC3	RVB 125 255 195	#7DFFC3
16.7%	16.7% #69FABA	RVB 105 250 186	#69FABA
33.3%	33.3% #57F5B2	RVB 87 245 178	#57F5B2
50.0%	50.0% #45F1AB	RVB 69 241 171	#45F1AB
66.7%	66.7% #34ECA5	RVB 52 236 165	#34ECA5
83.3%	83.3% #23E79F	RVB 35 231 159	#23E79F
100.0%	100.0% #14E39B	RVB 20 227 155	#14E39B

#7DFFC3 #69FABA #57F5B2 #45F1AB #34ECA5 #23E79F #14E39B

#7DFFC3 - #45F1AB - #14E39B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7DFFC3 0%, #45F1AB 50%, #14E39B 100%);
    background: -webkit-linear-gradient(top, #7DFFC3 0%, #45F1AB 50%, #14E39B 100%);
    background: linear-gradient(to bottom, #7DFFC3 0%, #45F1AB 50%, #14E39B 100%);
}
</style>