#8C8F8C - #C8DDA2 | 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 #8C8F8C à #C8DDA2

#8C8F8C #C8DDA2

Calculez la couleur entre deux couleurs, #8C8F8C et #C8DDA2. 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)

#8C8F8C - #C8DDA2 | 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 #8C8F8C 0% et #C8DDA2 100%.

0.0%	0.0% #8C8F8C	RVB 140 143 140	#8C8F8C
16.7%	16.7% #969C8F	RVB 150 156 143	#969C8F
33.3%	33.3% #A0A993	RVB 160 169 147	#A0A993
50.0%	50.0% #AAB697	RVB 170 182 151	#AAB697
66.7%	66.7% #B4C39A	RVB 180 195 154	#B4C39A
83.3%	83.3% #BED09E	RVB 190 208 158	#BED09E
100.0%	100.0% #C8DDA2	RVB 200 221 162	#C8DDA2

#8C8F8C #969C8F #A0A993 #AAB697 #B4C39A #BED09E #C8DDA2

#8C8F8C - #C8DDA2

Mélange HSV

#8C8F8C - #C8DDA2 | 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 #8C8F8C 0% et #C8DDA2 100%.

0.0%	0.0% #8C8F8C	RVB 140 143 140	#8C8F8C
16.7%	16.7% #939C92	RVB 147 156 146	#939C92
33.3%	33.3% #9BA997	RVB 155 169 151	#9BA997
50.0%	50.0% #A4B69B	RVB 164 182 155	#A4B69B
66.7%	66.7% #AEC39E	RVB 174 195 158	#AEC39E
83.3%	83.3% #BAD0A0	RVB 186 208 160	#BAD0A0
100.0%	100.0% #C8DDA2	RVB 200 221 162	#C8DDA2

#8C8F8C #939C92 #9BA997 #A4B69B #AEC39E #BAD0A0 #C8DDA2

#8C8F8C - #A4B69B - #C8DDA2

Codes CSS

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

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