#FAFBFF - #ABC6CE | 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 #FAFBFF à #ABC6CE

#FAFBFF #ABC6CE

Calculez la couleur entre deux couleurs, #FAFBFF et #ABC6CE. 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)

#FAFBFF - #ABC6CE | 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 #FAFBFF 0% et #ABC6CE 100%.

0.0%	0.0% #FAFBFF	RVB 250 251 255	#FAFBFF
16.7%	16.7% #ECF2F6	RVB 236 242 246	#ECF2F6
33.3%	33.3% #DFE9EE	RVB 223 233 238	#DFE9EE
50.0%	50.0% #D2E0E6	RVB 210 224 230	#D2E0E6
66.7%	66.7% #C5D7DE	RVB 197 215 222	#C5D7DE
83.3%	83.3% #B8CED6	RVB 184 206 214	#B8CED6
100.0%	100.0% #ABC6CE	RVB 171 198 206	#ABC6CE

#FAFBFF #ECF2F6 #DFE9EE #D2E0E6 #C5D7DE #B8CED6 #ABC6CE

#FAFBFF - #ABC6CE

Mélange HSV

#FAFBFF - #ABC6CE | 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 #FAFBFF 0% et #ABC6CE 100%.

0.0%	0.0% #FAFBFF	RVB 250 251 255	#FAFBFF
16.7%	16.7% #EBEFF6	RVB 235 239 246	#EBEFF6
33.3%	33.3% #DEE4EE	RVB 222 228 238	#DEE4EE
50.0%	50.0% #D0DBE6	RVB 208 219 230	#D0DBE6
66.7%	66.7% #C3D3DE	RVB 195 211 222	#C3D3DE
83.3%	83.3% #B7CCD6	RVB 183 204 214	#B7CCD6
100.0%	100.0% #ABC6CE	RVB 171 198 206	#ABC6CE

#FAFBFF #EBEFF6 #DEE4EE #D0DBE6 #C3D3DE #B7CCD6 #ABC6CE

#FAFBFF - #D0DBE6 - #ABC6CE

Codes CSS

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

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