#F5FFFA - #FCFFFD | 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 #F5FFFA à #FCFFFD

#F5FFFA #FCFFFD

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

#F5FFFA - #FCFFFD | 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 #F5FFFA 0% et #FCFFFD 100%.

0.0%	0.0% #F5FFFA	RVB 245 255 250	#F5FFFA
16.7%	16.7% #F6FFFA	RVB 246 255 250	#F6FFFA
33.3%	33.3% #F7FFFB	RVB 247 255 251	#F7FFFB
50.0%	50.0% #F8FFFB	RVB 248 255 251	#F8FFFB
66.7%	66.7% #F9FFFC	RVB 249 255 252	#F9FFFC
83.3%	83.3% #FAFFFC	RVB 250 255 252	#FAFFFC
100.0%	100.0% #FCFFFD	RVB 252 255 253	#FCFFFD

#F5FFFA #F6FFFA #F7FFFB #F8FFFB #F9FFFC #FAFFFC #FCFFFD

#F5FFFA - #FCFFFD

Mélange HSV

#F5FFFA - #FCFFFD | 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 #F5FFFA 0% et #FCFFFD 100%.

0.0%	0.0% #F5FFFA	RVB 245 255 250	#F5FFFA
16.7%	16.7% #F6FFFA	RVB 246 255 250	#F6FFFA
33.3%	33.3% #F7FFFA	RVB 247 255 250	#F7FFFA
50.0%	50.0% #F8FFFB	RVB 248 255 251	#F8FFFB
66.7%	66.7% #F9FFFB	RVB 249 255 251	#F9FFFB
83.3%	83.3% #FAFFFC	RVB 250 255 252	#FAFFFC
100.0%	100.0% #FCFFFD	RVB 252 255 253	#FCFFFD

#F5FFFA #F6FFFA #F7FFFA #F8FFFB #F9FFFB #FAFFFC #FCFFFD

#F5FFFA - #F8FFFB - #FCFFFD

Codes CSS

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

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