#ABC6BC - #498C85 | 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 #ABC6BC à #498C85

#ABC6BC #498C85

Calculez la couleur entre deux couleurs, #ABC6BC et #498C85. 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)

#ABC6BC - #498C85 | 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 #ABC6BC 0% et #498C85 100%.

0.0%	0.0% #ABC6BC	RVB 171 198 188	#ABC6BC
16.7%	16.7% #9ABCB2	RVB 154 188 178	#9ABCB2
33.3%	33.3% #8AB2A9	RVB 138 178 169	#8AB2A9
50.0%	50.0% #7AA9A0	RVB 122 169 160	#7AA9A0
66.7%	66.7% #699F97	RVB 105 159 151	#699F97
83.3%	83.3% #59958E	RVB 89 149 142	#59958E
100.0%	100.0% #498C85	RVB 73 140 133	#498C85

#ABC6BC #9ABCB2 #8AB2A9 #7AA9A0 #699F97 #59958E #498C85

#ABC6BC - #498C85

Mélange HSV

#ABC6BC - #498C85 | 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 #ABC6BC 0% et #498C85 100%.

0.0%	0.0% #ABC6BC	RVB 171 198 188	#ABC6BC
16.7%	16.7% #97BCB0	RVB 151 188 176	#97BCB0
33.3%	33.3% #85B2A6	RVB 133 178 166	#85B2A6
50.0%	50.0% #75A99C	RVB 117 169 156	#75A99C
66.7%	66.7% #659F94	RVB 101 159 148	#659F94
83.3%	83.3% #56958C	RVB 86 149 140	#56958C
100.0%	100.0% #498C85	RVB 73 140 133	#498C85

#ABC6BC #97BCB0 #85B2A6 #75A99C #659F94 #56958C #498C85

#ABC6BC - #75A99C - #498C85

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6BC 0%, #75A99C 50%, #498C85 100%);
    background: -webkit-linear-gradient(top, #ABC6BC 0%, #75A99C 50%, #498C85 100%);
    background: linear-gradient(to bottom, #ABC6BC 0%, #75A99C 50%, #498C85 100%);
}
</style>