#ABC6BC - #E7EEEB | 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 à #E7EEEB

#ABC6BC #E7EEEB

Calculez la couleur entre deux couleurs, #ABC6BC et #E7EEEB. 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 - #E7EEEB | 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 #E7EEEB 100%.

0.0%	0.0% #ABC6BC	RVB 171 198 188	#ABC6BC
16.7%	16.7% #B5CCC3	RVB 181 204 195	#B5CCC3
33.3%	33.3% #BFD3CB	RVB 191 211 203	#BFD3CB
50.0%	50.0% #C9DAD3	RVB 201 218 211	#C9DAD3
66.7%	66.7% #D3E0DB	RVB 211 224 219	#D3E0DB
83.3%	83.3% #DDE7E3	RVB 221 231 227	#DDE7E3
100.0%	100.0% #E7EEEB	RVB 231 238 235	#E7EEEB

#ABC6BC #B5CCC3 #BFD3CB #C9DAD3 #D3E0DB #DDE7E3 #E7EEEB

#ABC6BC - #E7EEEB

Mélange HSV

#ABC6BC - #E7EEEB | 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 #E7EEEB 100%.

0.0%	0.0% #ABC6BC	RVB 171 198 188	#ABC6BC
16.7%	16.7% #B4CCC3	RVB 180 204 195	#B4CCC3
33.3%	33.3% #BED3CB	RVB 190 211 203	#BED3CB
50.0%	50.0% #C7DAD2	RVB 199 218 210	#C7DAD2
66.7%	66.7% #D2E0DA	RVB 210 224 218	#D2E0DA
83.3%	83.3% #DCE7E2	RVB 220 231 226	#DCE7E2
100.0%	100.0% #E7EEEB	RVB 231 238 235	#E7EEEB

#ABC6BC #B4CCC3 #BED3CB #C7DAD2 #D2E0DA #DCE7E2 #E7EEEB

#ABC6BC - #C7DAD2 - #E7EEEB

Codes CSS

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

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