#AAAAA8 - #FEDEB6 | 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 #AAAAA8 à #FEDEB6

#AAAAA8 #FEDEB6

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

#AAAAA8 - #FEDEB6 | 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 #AAAAA8 0% et #FEDEB6 100%.

0.0%	0.0% #AAAAA8	RVB 170 170 168	#AAAAA8
16.7%	16.7% #B8B2AA	RVB 184 178 170	#B8B2AA
33.3%	33.3% #C6BBAC	RVB 198 187 172	#C6BBAC
50.0%	50.0% #D4C4AF	RVB 212 196 175	#D4C4AF
66.7%	66.7% #E2CCB1	RVB 226 204 177	#E2CCB1
83.3%	83.3% #F0D5B3	RVB 240 213 179	#F0D5B3
100.0%	100.0% #FEDEB6	RVB 254 222 182	#FEDEB6

#AAAAA8 #B8B2AA #C6BBAC #D4C4AF #E2CCB1 #F0D5B3 #FEDEB6

#AAAAA8 - #FEDEB6

Mélange HSV

#AAAAA8 - #FEDEB6 | 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 #AAAAA8 0% et #FEDEB6 100%.

0.0%	0.0% #AAAAA8	RVB 170 170 168	#AAAAA8
16.7%	16.7% #B8B7AD	RVB 184 183 173	#B8B7AD
33.3%	33.3% #C6C2B1	RVB 198 194 177	#C6C2B1
50.0%	50.0% #D4CDB4	RVB 212 205 180	#D4CDB4
66.7%	66.7% #E2D5B6	RVB 226 213 182	#E2D5B6
83.3%	83.3% #F0DAB6	RVB 240 218 182	#F0DAB6
100.0%	100.0% #FEDEB6	RVB 254 222 182	#FEDEB6

#AAAAA8 #B8B7AD #C6C2B1 #D4CDB4 #E2D5B6 #F0DAB6 #FEDEB6

#AAAAA8 - #D4CDB4 - #FEDEB6

Codes CSS

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

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