#E3E5E4 - #98BAA8 | 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 à #98BAA8

#E3E5E4 #98BAA8

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

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #D6DDDA	RVB 214 221 218	#D6DDDA
33.3%	33.3% #CAD6D0	RVB 202 214 208	#CAD6D0
50.0%	50.0% #BDCFC6	RVB 189 207 198	#BDCFC6
66.7%	66.7% #B1C8BC	RVB 177 200 188	#B1C8BC
83.3%	83.3% #A4C1B2	RVB 164 193 178	#A4C1B2
100.0%	100.0% #98BAA8	RVB 152 186 168	#98BAA8

#E3E5E4 #D6DDDA #CAD6D0 #BDCFC6 #B1C8BC #A4C1B2 #98BAA8

#E3E5E4 - #98BAA8

Mélange HSV

#E3E5E4 - #98BAA8 | 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 #98BAA8 100%.

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #D5DDD9	RVB 213 221 217	#D5DDD9
33.3%	33.3% #C8D6CF	RVB 200 214 207	#C8D6CF
50.0%	50.0% #BBCFC5	RVB 187 207 197	#BBCFC5
66.7%	66.7% #AFC8BB	RVB 175 200 187	#AFC8BB
83.3%	83.3% #A3C1B1	RVB 163 193 177	#A3C1B1
100.0%	100.0% #98BAA8	RVB 152 186 168	#98BAA8

#E3E5E4 #D5DDD9 #C8D6CF #BBCFC5 #AFC8BB #A3C1B1 #98BAA8

#E3E5E4 - #BBCFC5 - #98BAA8

Codes CSS

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

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