#E3E5E4 - #93ABA8 | 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 à #93ABA8

#E3E5E4 #93ABA8

Calculez la couleur entre deux couleurs, #E3E5E4 et #93ABA8. 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 - #93ABA8 | 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 #93ABA8 100%.

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #D5DBDA	RVB 213 219 218	#D5DBDA
33.3%	33.3% #C8D1D0	RVB 200 209 208	#C8D1D0
50.0%	50.0% #BBC8C6	RVB 187 200 198	#BBC8C6
66.7%	66.7% #ADBEBC	RVB 173 190 188	#ADBEBC
83.3%	83.3% #A0B4B2	RVB 160 180 178	#A0B4B2
100.0%	100.0% #93ABA8	RVB 147 171 168	#93ABA8

#E3E5E4 #D5DBDA #C8D1D0 #BBC8C6 #ADBEBC #A0B4B2 #93ABA8

#E3E5E4 - #93ABA8

Mélange HSV

#E3E5E4 - #93ABA8 | 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 #93ABA8 100%.

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #D4DBD8	RVB 212 219 216	#D4DBD8
33.3%	33.3% #C6D1CD	RVB 198 209 205	#C6D1CD
50.0%	50.0% #B9C8C3	RVB 185 200 195	#B9C8C3
66.7%	66.7% #ABBEB9	RVB 171 190 185	#ABBEB9
83.3%	83.3% #9FB4B0	RVB 159 180 176	#9FB4B0
100.0%	100.0% #93ABA8	RVB 147 171 168	#93ABA8

#E3E5E4 #D4DBD8 #C6D1CD #B9C8C3 #ABBEB9 #9FB4B0 #93ABA8

#E3E5E4 - #B9C8C3 - #93ABA8

Codes CSS

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

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