#B2ECE9 - #E9F9F8 | 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 #B2ECE9 à #E9F9F8

#B2ECE9 #E9F9F8

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

#B2ECE9 - #E9F9F8 | 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 #B2ECE9 0% et #E9F9F8 100%.

0.0%	0.0% #B2ECE9	RVB 178 236 233	#B2ECE9
16.7%	16.7% #BBEEEB	RVB 187 238 235	#BBEEEB
33.3%	33.3% #C4F0EE	RVB 196 240 238	#C4F0EE
50.0%	50.0% #CDF2F0	RVB 205 242 240	#CDF2F0
66.7%	66.7% #D6F4F3	RVB 214 244 243	#D6F4F3
83.3%	83.3% #DFF6F5	RVB 223 246 245	#DFF6F5
100.0%	100.0% #E9F9F8	RVB 233 249 248	#E9F9F8

#B2ECE9 #BBEEEB #C4F0EE #CDF2F0 #D6F4F3 #DFF6F5 #E9F9F8

#B2ECE9 - #E9F9F8

Mélange HSV

#B2ECE9 - #E9F9F8 | 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 #B2ECE9 0% et #E9F9F8 100%.

0.0%	0.0% #B2ECE9	RVB 178 236 233	#B2ECE9
16.7%	16.7% #BAEEEB	RVB 186 238 235	#BAEEEB
33.3%	33.3% #C3F0ED	RVB 195 240 237	#C3F0ED
50.0%	50.0% #CCF2F0	RVB 204 242 240	#CCF2F0
66.7%	66.7% #D6F4F2	RVB 214 244 242	#D6F4F2
83.3%	83.3% #DFF6F5	RVB 223 246 245	#DFF6F5
100.0%	100.0% #E9F9F8	RVB 233 249 248	#E9F9F8

#B2ECE9 #BAEEEB #C3F0ED #CCF2F0 #D6F4F2 #DFF6F5 #E9F9F8

#B2ECE9 - #CCF2F0 - #E9F9F8

Codes CSS

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

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