#E5EAF3 - #90A8C0 | 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 #E5EAF3 à #90A8C0

#E5EAF3 #90A8C0

Calculez la couleur entre deux couleurs, #E5EAF3 et #90A8C0. 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)

#E5EAF3 - #90A8C0 | 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 #E5EAF3 0% et #90A8C0 100%.

0.0%	0.0% #E5EAF3	RVB 229 234 243	#E5EAF3
16.7%	16.7% #D6DFEA	RVB 214 223 234	#D6DFEA
33.3%	33.3% #C8D4E2	RVB 200 212 226	#C8D4E2
50.0%	50.0% #BAC9D9	RVB 186 201 217	#BAC9D9
66.7%	66.7% #ACBED1	RVB 172 190 209	#ACBED1
83.3%	83.3% #9EB3C8	RVB 158 179 200	#9EB3C8
100.0%	100.0% #90A8C0	RVB 144 168 192	#90A8C0

#E5EAF3 #D6DFEA #C8D4E2 #BAC9D9 #ACBED1 #9EB3C8 #90A8C0

#E5EAF3 - #90A8C0

Mélange HSV

#E5EAF3 - #90A8C0 | 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 #E5EAF3 0% et #90A8C0 100%.

0.0%	0.0% #E5EAF3	RVB 229 234 243	#E5EAF3
16.7%	16.7% #D5DDEA	RVB 213 221 234	#D5DDEA
33.3%	33.3% #C6D1E2	RVB 198 209 226	#C6D1E2
50.0%	50.0% #B8C6D9	RVB 184 198 217	#B8C6D9
66.7%	66.7% #AABBD1	RVB 170 187 209	#AABBD1
83.3%	83.3% #9CB1C8	RVB 156 177 200	#9CB1C8
100.0%	100.0% #90A8C0	RVB 144 168 192	#90A8C0

#E5EAF3 #D5DDEA #C6D1E2 #B8C6D9 #AABBD1 #9CB1C8 #90A8C0

#E5EAF3 - #B8C6D9 - #90A8C0

Codes CSS

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

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