#E5E5E6 - #95A8A4 | 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 #E5E5E6 à #95A8A4

#E5E5E6 #95A8A4

Calculez la couleur entre deux couleurs, #E5E5E6 et #95A8A4. 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)

#E5E5E6 - #95A8A4 | 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 #E5E5E6 0% et #95A8A4 100%.

0.0%	0.0% #E5E5E6	RVB 229 229 230	#E5E5E6
16.7%	16.7% #D7DADB	RVB 215 218 219	#D7DADB
33.3%	33.3% #CAD0D0	RVB 202 208 208	#CAD0D0
50.0%	50.0% #BDC6C5	RVB 189 198 197	#BDC6C5
66.7%	66.7% #AFBCBA	RVB 175 188 186	#AFBCBA
83.3%	83.3% #A2B2AF	RVB 162 178 175	#A2B2AF
100.0%	100.0% #95A8A4	RVB 149 168 164	#95A8A4

#E5E5E6 #D7DADB #CAD0D0 #BDC6C5 #AFBCBA #A2B2AF #95A8A4

#E5E5E6 - #95A8A4

Mélange HSV

#E5E5E6 - #95A8A4 | 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 #E5E5E6 0% et #95A8A4 100%.

0.0%	0.0% #E5E5E6	RVB 229 229 230	#E5E5E6
16.7%	16.7% #D6D7DB	RVB 214 215 219	#D6D7DB
33.3%	33.3% #C8CCD1	RVB 200 204 209	#C8CCD1
50.0%	50.0% #BBC2C7	RVB 187 194 199	#BBC2C7
66.7%	66.7% #AEB9BC	RVB 174 185 188	#AEB9BC
83.3%	83.3% #A1B2B2	RVB 161 178 178	#A1B2B2
100.0%	100.0% #95A8A4	RVB 149 168 164	#95A8A4

#E5E5E6 #D6D7DB #C8CCD1 #BBC2C7 #AEB9BC #A1B2B2 #95A8A4

#E5E5E6 - #BBC2C7 - #95A8A4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E5E6 0%, #BBC2C7 50%, #95A8A4 100%);
    background: -webkit-linear-gradient(top, #E5E5E6 0%, #BBC2C7 50%, #95A8A4 100%);
    background: linear-gradient(to bottom, #E5E5E6 0%, #BBC2C7 50%, #95A8A4 100%);
}
</style>