#ABC6B8 - #4D8B80 | 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 #ABC6B8 à #4D8B80

#ABC6B8 #4D8B80

Calculez la couleur entre deux couleurs, #ABC6B8 et #4D8B80. 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)

#ABC6B8 - #4D8B80 | 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 #ABC6B8 0% et #4D8B80 100%.

0.0%	0.0% #ABC6B8	RVB 171 198 184	#ABC6B8
16.7%	16.7% #9BBCAE	RVB 155 188 174	#9BBCAE
33.3%	33.3% #8BB2A5	RVB 139 178 165	#8BB2A5
50.0%	50.0% #7CA89C	RVB 124 168 156	#7CA89C
66.7%	66.7% #6C9E92	RVB 108 158 146	#6C9E92
83.3%	83.3% #5C9489	RVB 92 148 137	#5C9489
100.0%	100.0% #4D8B80	RVB 77 139 128	#4D8B80

#ABC6B8 #9BBCAE #8BB2A5 #7CA89C #6C9E92 #5C9489 #4D8B80

#ABC6B8 - #4D8B80

Mélange HSV

#ABC6B8 - #4D8B80 | 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 #ABC6B8 0% et #4D8B80 100%.

0.0%	0.0% #ABC6B8	RVB 171 198 184	#ABC6B8
16.7%	16.7% #98BCAB	RVB 152 188 171	#98BCAB
33.3%	33.3% #87B2A1	RVB 135 178 161	#87B2A1
50.0%	50.0% #77A897	RVB 119 168 151	#77A897
66.7%	66.7% #689E8E	RVB 104 158 142	#689E8E
83.3%	83.3% #5A9487	RVB 90 148 135	#5A9487
100.0%	100.0% #4D8B80	RVB 77 139 128	#4D8B80

#ABC6B8 #98BCAB #87B2A1 #77A897 #689E8E #5A9487 #4D8B80

#ABC6B8 - #77A897 - #4D8B80

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6B8 0%, #77A897 50%, #4D8B80 100%);
    background: -webkit-linear-gradient(top, #ABC6B8 0%, #77A897 50%, #4D8B80 100%);
    background: linear-gradient(to bottom, #ABC6B8 0%, #77A897 50%, #4D8B80 100%);
}
</style>