#E3E5E6 - #99BEB7 | 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 #E3E5E6 à #99BEB7

#E3E5E6 #99BEB7

Calculez la couleur entre deux couleurs, #E3E5E6 et #99BEB7. 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)

#E3E5E6 - #99BEB7 | 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 #E3E5E6 0% et #99BEB7 100%.

0.0%	0.0% #E3E5E6	RVB 227 229 230	#E3E5E6
16.7%	16.7% #D6DEDE	RVB 214 222 222	#D6DEDE
33.3%	33.3% #CAD8D6	RVB 202 216 214	#CAD8D6
50.0%	50.0% #BED1CE	RVB 190 209 206	#BED1CE
66.7%	66.7% #B1CBC6	RVB 177 203 198	#B1CBC6
83.3%	83.3% #A5C4BE	RVB 165 196 190	#A5C4BE
100.0%	100.0% #99BEB7	RVB 153 190 183	#99BEB7

#E3E5E6 #D6DEDE #CAD8D6 #BED1CE #B1CBC6 #A5C4BE #99BEB7

#E3E5E6 - #99BEB7

Mélange HSV

#E3E5E6 - #99BEB7 | 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 #E3E5E6 0% et #99BEB7 100%.

0.0%	0.0% #E3E5E6	RVB 227 229 230	#E3E5E6
16.7%	16.7% #D5DCDF	RVB 213 220 223	#D5DCDF
33.3%	33.3% #C8D6D8	RVB 200 214 216	#C8D6D8
50.0%	50.0% #BCD0D2	RVB 188 208 210	#BCD0D2
66.7%	66.7% #B0CBCA	RVB 176 203 202	#B0CBCA
83.3%	83.3% #A4C4C1	RVB 164 196 193	#A4C4C1
100.0%	100.0% #99BEB7	RVB 153 190 183	#99BEB7

#E3E5E6 #D5DCDF #C8D6D8 #BCD0D2 #B0CBCA #A4C4C1 #99BEB7

#E3E5E6 - #BCD0D2 - #99BEB7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E3E5E6 0%, #BCD0D2 50%, #99BEB7 100%);
    background: -webkit-linear-gradient(top, #E3E5E6 0%, #BCD0D2 50%, #99BEB7 100%);
    background: linear-gradient(to bottom, #E3E5E6 0%, #BCD0D2 50%, #99BEB7 100%);
}
</style>