#E5E6E4 - #ADBE9A | 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 #E5E6E4 à #ADBE9A

#E5E6E4 #ADBE9A

Calculez la couleur entre deux couleurs, #E5E6E4 et #ADBE9A. 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)

#E5E6E4 - #ADBE9A | 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 #E5E6E4 0% et #ADBE9A 100%.

0.0%	0.0% #E5E6E4	RVB 229 230 228	#E5E6E4
16.7%	16.7% #DBDFD7	RVB 219 223 215	#DBDFD7
33.3%	33.3% #D2D8CB	RVB 210 216 203	#D2D8CB
50.0%	50.0% #C9D2BF	RVB 201 210 191	#C9D2BF
66.7%	66.7% #BFCBB2	RVB 191 203 178	#BFCBB2
83.3%	83.3% #B6C4A6	RVB 182 196 166	#B6C4A6
100.0%	100.0% #ADBE9A	RVB 173 190 154	#ADBE9A

#E5E6E4 #DBDFD7 #D2D8CB #C9D2BF #BFCBB2 #B6C4A6 #ADBE9A

#E5E6E4 - #ADBE9A

Mélange HSV

#E5E6E4 - #ADBE9A | 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 #E5E6E4 0% et #ADBE9A 100%.

0.0%	0.0% #E5E6E4	RVB 229 230 228	#E5E6E4
16.7%	16.7% #DBDFD6	RVB 219 223 214	#DBDFD6
33.3%	33.3% #D1D8C9	RVB 209 216 201	#D1D8C9
50.0%	50.0% #C7D2BD	RVB 199 210 189	#C7D2BD
66.7%	66.7% #BECBB1	RVB 190 203 177	#BECBB1
83.3%	83.3% #B5C4A5	RVB 181 196 165	#B5C4A5
100.0%	100.0% #ADBE9A	RVB 173 190 154	#ADBE9A

#E5E6E4 #DBDFD6 #D1D8C9 #C7D2BD #BECBB1 #B5C4A5 #ADBE9A

#E5E6E4 - #C7D2BD - #ADBE9A

Codes CSS

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

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