#B5E6ED - #F3E7E8 | 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 #B5E6ED à #F3E7E8

#B5E6ED #F3E7E8

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

#B5E6ED - #F3E7E8 | 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 #B5E6ED 0% et #F3E7E8 100%.

0.0%	0.0% #B5E6ED	RVB 181 230 237	#B5E6ED
16.7%	16.7% #BFE6EC	RVB 191 230 236	#BFE6EC
33.3%	33.3% #C9E6EB	RVB 201 230 235	#C9E6EB
50.0%	50.0% #D4E6EA	RVB 212 230 234	#D4E6EA
66.7%	66.7% #DEE6E9	RVB 222 230 233	#DEE6E9
83.3%	83.3% #E8E6E8	RVB 232 230 232	#E8E6E8
100.0%	100.0% #F3E7E8	RVB 243 231 232	#F3E7E8

#B5E6ED #BFE6EC #C9E6EB #D4E6EA #DEE6E9 #E8E6E8 #F3E7E8

#B5E6ED - #F3E7E8

Mélange HSV

#B5E6ED - #F3E7E8 | 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 #B5E6ED 0% et #F3E7E8 100%.

0.0%	0.0% #B5E6ED	RVB 181 230 237	#B5E6ED
16.7%	16.7% #BDD1EE	RVB 189 209 238	#BDD1EE
33.3%	33.3% #C7C5EF	RVB 199 197 239	#C7C5EF
50.0%	50.0% #DFCDF0	RVB 223 205 240	#DFCDF0
66.7%	66.7% #F0D6F1	RVB 240 214 241	#F0D6F1
83.3%	83.3% #F2DEE9	RVB 242 222 233	#F2DEE9
100.0%	100.0% #F3E7E8	RVB 243 231 232	#F3E7E8

#B5E6ED #BDD1EE #C7C5EF #DFCDF0 #F0D6F1 #F2DEE9 #F3E7E8

#B5E6ED - #DFCDF0 - #F3E7E8

Codes CSS

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

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