#F8F9FF - #A6C3CF | 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 #F8F9FF à #A6C3CF

#F8F9FF #A6C3CF

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

#F8F9FF - #A6C3CF | 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 #F8F9FF 0% et #A6C3CF 100%.

0.0%	0.0% #F8F9FF	RVB 248 249 255	#F8F9FF
16.7%	16.7% #EAF0F7	RVB 234 240 247	#EAF0F7
33.3%	33.3% #DCE7EF	RVB 220 231 239	#DCE7EF
50.0%	50.0% #CFDEE7	RVB 207 222 231	#CFDEE7
66.7%	66.7% #C1D5DF	RVB 193 213 223	#C1D5DF
83.3%	83.3% #B3CCD7	RVB 179 204 215	#B3CCD7
100.0%	100.0% #A6C3CF	RVB 166 195 207	#A6C3CF

#F8F9FF #EAF0F7 #DCE7EF #CFDEE7 #C1D5DF #B3CCD7 #A6C3CF

#F8F9FF - #A6C3CF

Mélange HSV

#F8F9FF - #A6C3CF | 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 #F8F9FF 0% et #A6C3CF 100%.

0.0%	0.0% #F8F9FF	RVB 248 249 255	#F8F9FF
16.7%	16.7% #E9ECF7	RVB 233 236 247	#E9ECF7
33.3%	33.3% #DAE1EF	RVB 218 225 239	#DAE1EF
50.0%	50.0% #CCD8E7	RVB 204 216 231	#CCD8E7
66.7%	66.7% #BFCFDF	RVB 191 207 223	#BFCFDF
83.3%	83.3% #B2C8D7	RVB 178 200 215	#B2C8D7
100.0%	100.0% #A6C3CF	RVB 166 195 207	#A6C3CF

#F8F9FF #E9ECF7 #DAE1EF #CCD8E7 #BFCFDF #B2C8D7 #A6C3CF

#F8F9FF - #CCD8E7 - #A6C3CF

Codes CSS

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

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