#ABC6B7 - #5E8582 | 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 #ABC6B7 à #5E8582

#ABC6B7 #5E8582

Calculez la couleur entre deux couleurs, #ABC6B7 et #5E8582. 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)

#ABC6B7 - #5E8582 | 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 #ABC6B7 0% et #5E8582 100%.

0.0%	0.0% #ABC6B7	RVB 171 198 183	#ABC6B7
16.7%	16.7% #9EBBAE	RVB 158 187 174	#9EBBAE
33.3%	33.3% #91B0A5	RVB 145 176 165	#91B0A5
50.0%	50.0% #84A59C	RVB 132 165 156	#84A59C
66.7%	66.7% #779A93	RVB 119 154 147	#779A93
83.3%	83.3% #6A8F8A	RVB 106 143 138	#6A8F8A
100.0%	100.0% #5E8582	RVB 94 133 130	#5E8582

#ABC6B7 #9EBBAE #91B0A5 #84A59C #779A93 #6A8F8A #5E8582

#ABC6B7 - #5E8582

Mélange HSV

#ABC6B7 - #5E8582 | 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 #ABC6B7 0% et #5E8582 100%.

0.0%	0.0% #ABC6B7	RVB 171 198 183	#ABC6B7
16.7%	16.7% #9CBBAC	RVB 156 187 172	#9CBBAC
33.3%	33.3% #8FB0A3	RVB 143 176 163	#8FB0A3
50.0%	50.0% #81A59A	RVB 129 165 154	#81A59A
66.7%	66.7% #759A91	RVB 117 154 145	#759A91
83.3%	83.3% #698F89	RVB 105 143 137	#698F89
100.0%	100.0% #5E8582	RVB 94 133 130	#5E8582

#ABC6B7 #9CBBAC #8FB0A3 #81A59A #759A91 #698F89 #5E8582

#ABC6B7 - #81A59A - #5E8582

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6B7 0%, #81A59A 50%, #5E8582 100%);
    background: -webkit-linear-gradient(top, #ABC6B7 0%, #81A59A 50%, #5E8582 100%);
    background: linear-gradient(to bottom, #ABC6B7 0%, #81A59A 50%, #5E8582 100%);
}
</style>