#F0FEFF - #ABC2D0 | 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 #F0FEFF à #ABC2D0

#F0FEFF #ABC2D0

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

#F0FEFF - #ABC2D0 | 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 #F0FEFF 0% et #ABC2D0 100%.

0.0%	0.0% #F0FEFF	RVB 240 254 255	#F0FEFF
16.7%	16.7% #E4F4F7	RVB 228 244 247	#E4F4F7
33.3%	33.3% #D9EAEF	RVB 217 234 239	#D9EAEF
50.0%	50.0% #CDE0E7	RVB 205 224 231	#CDE0E7
66.7%	66.7% #C2D6DF	RVB 194 214 223	#C2D6DF
83.3%	83.3% #B6CCD7	RVB 182 204 215	#B6CCD7
100.0%	100.0% #ABC2D0	RVB 171 194 208	#ABC2D0

#F0FEFF #E4F4F7 #D9EAEF #CDE0E7 #C2D6DF #B6CCD7 #ABC2D0

#F0FEFF - #ABC2D0

Mélange HSV

#F0FEFF - #ABC2D0 | 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 #F0FEFF 0% et #ABC2D0 100%.

0.0%	0.0% #F0FEFF	RVB 240 254 255	#F0FEFF
16.7%	16.7% #E3F4F7	RVB 227 244 247	#E3F4F7
33.3%	33.3% #D7EBEF	RVB 215 235 239	#D7EBEF
50.0%	50.0% #CCE1E7	RVB 204 225 231	#CCE1E7
66.7%	66.7% #C0D7DF	RVB 192 215 223	#C0D7DF
83.3%	83.3% #B5CCD7	RVB 181 204 215	#B5CCD7
100.0%	100.0% #ABC2D0	RVB 171 194 208	#ABC2D0

#F0FEFF #E3F4F7 #D7EBEF #CCE1E7 #C0D7DF #B5CCD7 #ABC2D0

#F0FEFF - #CCE1E7 - #ABC2D0

Codes CSS

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

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