#E3E5E4 - #89AEB5 | 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 #E3E5E4 à #89AEB5

#E3E5E4 #89AEB5

Calculez la couleur entre deux couleurs, #E3E5E4 et #89AEB5. 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)

#E3E5E4 - #89AEB5 | 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 #E3E5E4 0% et #89AEB5 100%.

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #D4DBDC	RVB 212 219 220	#D4DBDC
33.3%	33.3% #C5D2D4	RVB 197 210 212	#C5D2D4
50.0%	50.0% #B6C9CC	RVB 182 201 204	#B6C9CC
66.7%	66.7% #A7C0C4	RVB 167 192 196	#A7C0C4
83.3%	83.3% #98B7BC	RVB 152 183 188	#98B7BC
100.0%	100.0% #89AEB5	RVB 137 174 181	#89AEB5

#E3E5E4 #D4DBDC #C5D2D4 #B6C9CC #A7C0C4 #98B7BC #89AEB5

#E3E5E4 - #89AEB5

Mélange HSV

#E3E5E4 - #89AEB5 | 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 #E3E5E4 0% et #89AEB5 100%.

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #D2DDD8	RVB 210 221 216	#D2DDD8
33.3%	33.3% #C2D5CF	RVB 194 213 207	#C2D5CF
50.0%	50.0% #B3CDC8	RVB 179 205 200	#B3CDC8
66.7%	66.7% #A4C5C3	RVB 164 197 195	#A4C5C3
83.3%	83.3% #96BBBD	RVB 150 187 189	#96BBBD
100.0%	100.0% #89AEB5	RVB 137 174 181	#89AEB5

#E3E5E4 #D2DDD8 #C2D5CF #B3CDC8 #A4C5C3 #96BBBD #89AEB5

#E3E5E4 - #B3CDC8 - #89AEB5

Codes CSS

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

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