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

#B5E6ED #E9F7F9

Calculez la couleur entre deux couleurs, #B5E6ED et #E9F7F9. 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 - #E9F7F9 | 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 #E9F7F9 100%.

0.0%	0.0% #B5E6ED	RVB 181 230 237	#B5E6ED
16.7%	16.7% #BDE8EF	RVB 189 232 239	#BDE8EF
33.3%	33.3% #C6EBF1	RVB 198 235 241	#C6EBF1
50.0%	50.0% #CFEEF3	RVB 207 238 243	#CFEEF3
66.7%	66.7% #D7F1F5	RVB 215 241 245	#D7F1F5
83.3%	83.3% #E0F4F7	RVB 224 244 247	#E0F4F7
100.0%	100.0% #E9F7F9	RVB 233 247 249	#E9F7F9

#B5E6ED #BDE8EF #C6EBF1 #CFEEF3 #D7F1F5 #E0F4F7 #E9F7F9

#B5E6ED - #E9F7F9

Mélange HSV

#B5E6ED - #E9F7F9 | 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 #E9F7F9 100%.

0.0%	0.0% #B5E6ED	RVB 181 230 237	#B5E6ED
16.7%	16.7% #BDE8EF	RVB 189 232 239	#BDE8EF
33.3%	33.3% #C5EBF1	RVB 197 235 241	#C5EBF1
50.0%	50.0% #CEEEF3	RVB 206 238 243	#CEEEF3
66.7%	66.7% #D7F1F5	RVB 215 241 245	#D7F1F5
83.3%	83.3% #E0F4F7	RVB 224 244 247	#E0F4F7
100.0%	100.0% #E9F7F9	RVB 233 247 249	#E9F7F9

#B5E6ED #BDE8EF #C5EBF1 #CEEEF3 #D7F1F5 #E0F4F7 #E9F7F9

#B5E6ED - #CEEEF3 - #E9F7F9

Codes CSS

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

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