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

#ABABA8 #FEDEB6

Calculez la couleur entre deux couleurs, #ABABA8 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)

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

0.0%	0.0% #ABABA8	RVB 171 171 168	#ABABA8
16.7%	16.7% #B8B3AA	RVB 184 179 170	#B8B3AA
33.3%	33.3% #C6BCAC	RVB 198 188 172	#C6BCAC
50.0%	50.0% #D4C4AF	RVB 212 196 175	#D4C4AF
66.7%	66.7% #E2CDB1	RVB 226 205 177	#E2CDB1
83.3%	83.3% #F0D5B3	RVB 240 213 179	#F0D5B3
100.0%	100.0% #FEDEB6	RVB 254 222 182	#FEDEB6

#ABABA8 #B8B3AA #C6BCAC #D4C4AF #E2CDB1 #F0D5B3 #FEDEB6

#ABABA8 - #FEDEB6

Mélange HSV

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

0.0%	0.0% #ABABA8	RVB 171 171 168	#ABABA8
16.7%	16.7% #B8B7AD	RVB 184 183 173	#B8B7AD
33.3%	33.3% #C6C3B1	RVB 198 195 177	#C6C3B1
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

#ABABA8 #B8B7AD #C6C3B1 #D4CDB4 #E2D5B6 #F0DAB6 #FEDEB6

#ABABA8 - #D4CDB4 - #FEDEB6

Codes CSS

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

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