#E5EAF3 - #8AB6C0 | 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 à #8AB6C0

#E5EAF3 #8AB6C0

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

0.0%	0.0% #E5EAF3	RVB 229 234 243	#E5EAF3
16.7%	16.7% #D5E1EA	RVB 213 225 234	#D5E1EA
33.3%	33.3% #C6D8E2	RVB 198 216 226	#C6D8E2
50.0%	50.0% #B7D0D9	RVB 183 208 217	#B7D0D9
66.7%	66.7% #A8C7D1	RVB 168 199 209	#A8C7D1
83.3%	83.3% #99BEC8	RVB 153 190 200	#99BEC8
100.0%	100.0% #8AB6C0	RVB 138 182 192	#8AB6C0

#E5EAF3 #D5E1EA #C6D8E2 #B7D0D9 #A8C7D1 #99BEC8 #8AB6C0

#E5EAF3 - #8AB6C0

Mélange HSV

#E5EAF3 - #8AB6C0 | 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 #8AB6C0 100%.

0.0%	0.0% #E5EAF3	RVB 229 234 243	#E5EAF3
16.7%	16.7% #D4DDEA	RVB 212 221 234	#D4DDEA
33.3%	33.3% #C4D3E2	RVB 196 211 226	#C4D3E2
50.0%	50.0% #B4CAD9	RVB 180 202 217	#B4CAD9
66.7%	66.7% #A5C2D1	RVB 165 194 209	#A5C2D1
83.3%	83.3% #97BBC8	RVB 151 187 200	#97BBC8
100.0%	100.0% #8AB6C0	RVB 138 182 192	#8AB6C0

#E5EAF3 #D4DDEA #C4D3E2 #B4CAD9 #A5C2D1 #97BBC8 #8AB6C0

#E5EAF3 - #B4CAD9 - #8AB6C0

Codes CSS

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

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