#E3E5E5 - #98B0BA | 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 #E3E5E5 à #98B0BA

#E3E5E5 #98B0BA

Calculez la couleur entre deux couleurs, #E3E5E5 et #98B0BA. 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)

#E3E5E5 - #98B0BA | 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 #E3E5E5 0% et #98B0BA 100%.

0.0%	0.0% #E3E5E5	RVB 227 229 229	#E3E5E5
16.7%	16.7% #D6DCDD	RVB 214 220 221	#D6DCDD
33.3%	33.3% #CAD3D6	RVB 202 211 214	#CAD3D6
50.0%	50.0% #BDCACF	RVB 189 202 207	#BDCACF
66.7%	66.7% #B1C1C8	RVB 177 193 200	#B1C1C8
83.3%	83.3% #A4B8C1	RVB 164 184 193	#A4B8C1
100.0%	100.0% #98B0BA	RVB 152 176 186	#98B0BA

#E3E5E5 #D6DCDD #CAD3D6 #BDCACF #B1C1C8 #A4B8C1 #98B0BA

#E3E5E5 - #98B0BA

Mélange HSV

#E3E5E5 - #98B0BA | 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 #E3E5E5 0% et #98B0BA 100%.

0.0%	0.0% #E3E5E5	RVB 227 229 229	#E3E5E5
16.7%	16.7% #D5DDDD	RVB 213 221 221	#D5DDDD
33.3%	33.3% #C8D5D6	RVB 200 213 214	#C8D5D6
50.0%	50.0% #BBCCCF	RVB 187 204 207	#BBCCCF
66.7%	66.7% #AFC3C8	RVB 175 195 200	#AFC3C8
83.3%	83.3% #A3B9C1	RVB 163 185 193	#A3B9C1
100.0%	100.0% #98B0BA	RVB 152 176 186	#98B0BA

#E3E5E5 #D5DDDD #C8D5D6 #BBCCCF #AFC3C8 #A3B9C1 #98B0BA

#E3E5E5 - #BBCCCF - #98B0BA

Codes CSS

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

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