#F0FDFF - #EAF2FF | 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 #F0FDFF à #EAF2FF

#F0FDFF #EAF2FF

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

#F0FDFF - #EAF2FF | 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 #F0FDFF 0% et #EAF2FF 100%.

0.0%	0.0% #F0FDFF	RVB 240 253 255	#F0FDFF
16.7%	16.7% #EFFBFF	RVB 239 251 255	#EFFBFF
33.3%	33.3% #EEF9FF	RVB 238 249 255	#EEF9FF
50.0%	50.0% #EDF7FF	RVB 237 247 255	#EDF7FF
66.7%	66.7% #ECF5FF	RVB 236 245 255	#ECF5FF
83.3%	83.3% #EBF3FF	RVB 235 243 255	#EBF3FF
100.0%	100.0% #EAF2FF	RVB 234 242 255	#EAF2FF

#F0FDFF #EFFBFF #EEF9FF #EDF7FF #ECF5FF #EBF3FF #EAF2FF

#F0FDFF - #EAF2FF

Mélange HSV

#F0FDFF - #EAF2FF | 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 #F0FDFF 0% et #EAF2FF 100%.

0.0%	0.0% #F0FDFF	RVB 240 253 255	#F0FDFF
16.7%	16.7% #EFFBFF	RVB 239 251 255	#EFFBFF
33.3%	33.3% #EEF9FF	RVB 238 249 255	#EEF9FF
50.0%	50.0% #EDF8FF	RVB 237 248 255	#EDF8FF
66.7%	66.7% #ECF6FF	RVB 236 246 255	#ECF6FF
83.3%	83.3% #EBF4FF	RVB 235 244 255	#EBF4FF
100.0%	100.0% #EAF2FF	RVB 234 242 255	#EAF2FF

#F0FDFF #EFFBFF #EEF9FF #EDF8FF #ECF6FF #EBF4FF #EAF2FF

#F0FDFF - #EDF8FF - #EAF2FF

Codes CSS

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

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