#ABC6B7 - #E7EEEA | 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 à #E7EEEA

#ABC6B7 #E7EEEA

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

0.0%	0.0% #ABC6B7	RVB 171 198 183	#ABC6B7
16.7%	16.7% #B5CCBF	RVB 181 204 191	#B5CCBF
33.3%	33.3% #BFD3C8	RVB 191 211 200	#BFD3C8
50.0%	50.0% #C9DAD0	RVB 201 218 208	#C9DAD0
66.7%	66.7% #D3E0D9	RVB 211 224 217	#D3E0D9
83.3%	83.3% #DDE7E1	RVB 221 231 225	#DDE7E1
100.0%	100.0% #E7EEEA	RVB 231 238 234	#E7EEEA

#ABC6B7 #B5CCBF #BFD3C8 #C9DAD0 #D3E0D9 #DDE7E1 #E7EEEA

#ABC6B7 - #E7EEEA

Mélange HSV

#ABC6B7 - #E7EEEA | 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 #E7EEEA 100%.

0.0%	0.0% #ABC6B7	RVB 171 198 183	#ABC6B7
16.7%	16.7% #B4CCBF	RVB 180 204 191	#B4CCBF
33.3%	33.3% #BED3C7	RVB 190 211 199	#BED3C7
50.0%	50.0% #C7DACF	RVB 199 218 207	#C7DACF
66.7%	66.7% #D2E0D8	RVB 210 224 216	#D2E0D8
83.3%	83.3% #DCE7E1	RVB 220 231 225	#DCE7E1
100.0%	100.0% #E7EEEA	RVB 231 238 234	#E7EEEA

#ABC6B7 #B4CCBF #BED3C7 #C7DACF #D2E0D8 #DCE7E1 #E7EEEA

#ABC6B7 - #C7DACF - #E7EEEA

Codes CSS

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

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