#F0FFFE - #8EDFDA | 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 #F0FFFE à #8EDFDA

#F0FFFE #8EDFDA

Calculez la couleur entre deux couleurs, #F0FFFE et #8EDFDA. 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)

#F0FFFE - #8EDFDA | 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 #F0FFFE 0% et #8EDFDA 100%.

0.0%	0.0% #F0FFFE	RVB 240 255 254	#F0FFFE
16.7%	16.7% #DFF9F8	RVB 223 249 248	#DFF9F8
33.3%	33.3% #CFF4F2	RVB 207 244 242	#CFF4F2
50.0%	50.0% #BFEFEC	RVB 191 239 236	#BFEFEC
66.7%	66.7% #AEE9E6	RVB 174 233 230	#AEE9E6
83.3%	83.3% #9EE4E0	RVB 158 228 224	#9EE4E0
100.0%	100.0% #8EDFDA	RVB 142 223 218	#8EDFDA

#F0FFFE #DFF9F8 #CFF4F2 #BFEFEC #AEE9E6 #9EE4E0 #8EDFDA

#F0FFFE - #8EDFDA

Mélange HSV

#F0FFFE - #8EDFDA | 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 #F0FFFE 0% et #8EDFDA 100%.

0.0%	0.0% #F0FFFE	RVB 240 255 254	#F0FFFE
16.7%	16.7% #DEF9F7	RVB 222 249 247	#DEF9F7
33.3%	33.3% #CDF4F1	RVB 205 244 241	#CDF4F1
50.0%	50.0% #BCEFEB	RVB 188 239 235	#BCEFEB
66.7%	66.7% #ACE9E5	RVB 172 233 229	#ACE9E5
83.3%	83.3% #9CE4DF	RVB 156 228 223	#9CE4DF
100.0%	100.0% #8EDFDA	RVB 142 223 218	#8EDFDA

#F0FFFE #DEF9F7 #CDF4F1 #BCEFEB #ACE9E5 #9CE4DF #8EDFDA

#F0FFFE - #BCEFEB - #8EDFDA

Codes CSS

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

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