#C0A8AF - #8C5461 | 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 #C0A8AF à #8C5461

#C0A8AF #8C5461

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

#C0A8AF - #8C5461 | 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 #C0A8AF 0% et #8C5461 100%.

0.0%	0.0% #C0A8AF	RVB 192 168 175	#C0A8AF
16.7%	16.7% #B79AA2	RVB 183 154 162	#B79AA2
33.3%	33.3% #AE8C95	RVB 174 140 149	#AE8C95
50.0%	50.0% #A67E88	RVB 166 126 136	#A67E88
66.7%	66.7% #9D707B	RVB 157 112 123	#9D707B
83.3%	83.3% #94626E	RVB 148 98 110	#94626E
100.0%	100.0% #8C5461	RVB 140 84 97	#8C5461

#C0A8AF #B79AA2 #AE8C95 #A67E88 #9D707B #94626E #8C5461

#C0A8AF - #8C5461

Mélange HSV

#C0A8AF - #8C5461 | 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 #C0A8AF 0% et #8C5461 100%.

0.0%	0.0% #C0A8AF	RVB 192 168 175	#C0A8AF
16.7%	16.7% #B798A0	RVB 183 152 160	#B798A0
33.3%	33.3% #AE8893	RVB 174 136 147	#AE8893
50.0%	50.0% #A67A85	RVB 166 122 133	#A67A85
66.7%	66.7% #9D6C79	RVB 157 108 121	#9D6C79
83.3%	83.3% #94606C	RVB 148 96 108	#94606C
100.0%	100.0% #8C5461	RVB 140 84 97	#8C5461

#C0A8AF #B798A0 #AE8893 #A67A85 #9D6C79 #94606C #8C5461

#C0A8AF - #A67A85 - #8C5461

Codes CSS

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

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