#F8F8FF - #DEF0FE | 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 #F8F8FF à #DEF0FE

#F8F8FF #DEF0FE

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

#F8F8FF - #DEF0FE | 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 #F8F8FF 0% et #DEF0FE 100%.

0.0%	0.0% #F8F8FF	RVB 248 248 255	#F8F8FF
16.7%	16.7% #F3F6FE	RVB 243 246 254	#F3F6FE
33.3%	33.3% #EFF5FE	RVB 239 245 254	#EFF5FE
50.0%	50.0% #EBF4FE	RVB 235 244 254	#EBF4FE
66.7%	66.7% #E6F2FE	RVB 230 242 254	#E6F2FE
83.3%	83.3% #E2F1FE	RVB 226 241 254	#E2F1FE
100.0%	100.0% #DEF0FE	RVB 222 240 254	#DEF0FE

#F8F8FF #F3F6FE #EFF5FE #EBF4FE #E6F2FE #E2F1FE #DEF0FE

#F8F8FF - #DEF0FE

Mélange HSV

#F8F8FF - #DEF0FE | 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 #F8F8FF 0% et #DEF0FE 100%.

0.0%	0.0% #F8F8FF	RVB 248 248 255	#F8F8FF
16.7%	16.7% #F3F4FE	RVB 243 244 254	#F3F4FE
33.3%	33.3% #EFF2FE	RVB 239 242 254	#EFF2FE
50.0%	50.0% #EAF0FE	RVB 234 240 254	#EAF0FE
66.7%	66.7% #E6EFFE	RVB 230 239 254	#E6EFFE
83.3%	83.3% #E2EFFE	RVB 226 239 254	#E2EFFE
100.0%	100.0% #DEF0FE	RVB 222 240 254	#DEF0FE

#F8F8FF #F3F4FE #EFF2FE #EAF0FE #E6EFFE #E2EFFE #DEF0FE

#F8F8FF - #EAF0FE - #DEF0FE

Codes CSS

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

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