#B5E3D7 - #E9F7F3 | 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 #B5E3D7 à #E9F7F3

#B5E3D7 #E9F7F3

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

#B5E3D7 - #E9F7F3 | 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 #B5E3D7 0% et #E9F7F3 100%.

0.0%	0.0% #B5E3D7	RVB 181 227 215	#B5E3D7
16.7%	16.7% #BDE6DB	RVB 189 230 219	#BDE6DB
33.3%	33.3% #C6E9E0	RVB 198 233 224	#C6E9E0
50.0%	50.0% #CFEDE5	RVB 207 237 229	#CFEDE5
66.7%	66.7% #D7F0E9	RVB 215 240 233	#D7F0E9
83.3%	83.3% #E0F3EE	RVB 224 243 238	#E0F3EE
100.0%	100.0% #E9F7F3	RVB 233 247 243	#E9F7F3

#B5E3D7 #BDE6DB #C6E9E0 #CFEDE5 #D7F0E9 #E0F3EE #E9F7F3

#B5E3D7 - #E9F7F3

Mélange HSV

#B5E3D7 - #E9F7F3 | 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 #B5E3D7 0% et #E9F7F3 100%.

0.0%	0.0% #B5E3D7	RVB 181 227 215	#B5E3D7
16.7%	16.7% #BDE6DB	RVB 189 230 219	#BDE6DB
33.3%	33.3% #C5E9DF	RVB 197 233 223	#C5E9DF
50.0%	50.0% #CEEDE4	RVB 206 237 228	#CEEDE4
66.7%	66.7% #D7F0E9	RVB 215 240 233	#D7F0E9
83.3%	83.3% #DFF3EE	RVB 223 243 238	#DFF3EE
100.0%	100.0% #E9F7F3	RVB 233 247 243	#E9F7F3

#B5E3D7 #BDE6DB #C5E9DF #CEEDE4 #D7F0E9 #DFF3EE #E9F7F3

#B5E3D7 - #CEEDE4 - #E9F7F3

Codes CSS

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

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