#E5EFE8 - #8FBCBB | 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 #E5EFE8 à #8FBCBB

#E5EFE8 #8FBCBB

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

#E5EFE8 - #8FBCBB | 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 #E5EFE8 0% et #8FBCBB 100%.

0.0%	0.0% #E5EFE8	RVB 229 239 232	#E5EFE8
16.7%	16.7% #D6E6E0	RVB 214 230 224	#D6E6E0
33.3%	33.3% #C8DED9	RVB 200 222 217	#C8DED9
50.0%	50.0% #BAD5D1	RVB 186 213 209	#BAD5D1
66.7%	66.7% #ABCDCA	RVB 171 205 202	#ABCDCA
83.3%	83.3% #9DC4C2	RVB 157 196 194	#9DC4C2
100.0%	100.0% #8FBCBB	RVB 143 188 187	#8FBCBB

#E5EFE8 #D6E6E0 #C8DED9 #BAD5D1 #ABCDCA #9DC4C2 #8FBCBB

#E5EFE8 - #8FBCBB

Mélange HSV

#E5EFE8 - #8FBCBB | 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 #E5EFE8 0% et #8FBCBB 100%.

0.0%	0.0% #E5EFE8	RVB 229 239 232	#E5EFE8
16.7%	16.7% #D5E6DC	RVB 213 230 220	#D5E6DC
33.3%	33.3% #C6DED2	RVB 198 222 210	#C6DED2
50.0%	50.0% #B7D5CA	RVB 183 213 202	#B7D5CA
66.7%	66.7% #A9CDC4	RVB 169 205 196	#A9CDC4
83.3%	83.3% #9BC4BF	RVB 155 196 191	#9BC4BF
100.0%	100.0% #8FBCBB	RVB 143 188 187	#8FBCBB

#E5EFE8 #D5E6DC #C6DED2 #B7D5CA #A9CDC4 #9BC4BF #8FBCBB

#E5EFE8 - #B7D5CA - #8FBCBB

Codes CSS

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

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