#4B484C - #DB8C5E | 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 #4B484C à #DB8C5E

#4B484C #DB8C5E

Calculez la couleur entre deux couleurs, #4B484C et #DB8C5E. 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)

#4B484C - #DB8C5E | 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 #4B484C 0% et #DB8C5E 100%.

0.0%	0.0% #4B484C	RVB 75 72 76	#4B484C
16.7%	16.7% #63534F	RVB 99 83 79	#63534F
33.3%	33.3% #7B5E52	RVB 123 94 82	#7B5E52
50.0%	50.0% #936A55	RVB 147 106 85	#936A55
66.7%	66.7% #AB7558	RVB 171 117 88	#AB7558
83.3%	83.3% #C3805B	RVB 195 128 91	#C3805B
100.0%	100.0% #DB8C5E	RVB 219 140 94	#DB8C5E

#4B484C #63534F #7B5E52 #936A55 #AB7558 #C3805B #DB8C5E

#4B484C - #DB8C5E

Mélange HSV

#4B484C - #DB8C5E | 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 #4B484C 0% et #DB8C5E 100%.

0.0%	0.0% #4B484C	RVB 75 72 76	#4B484C
16.7%	16.7% #635563	RVB 99 85 99	#635563
33.3%	33.3% #7B5F73	RVB 123 95 115	#7B5F73
50.0%	50.0% #936579	RVB 147 101 121	#936579
66.7%	66.7% #AB6772	RVB 171 103 114	#AB6772
83.3%	83.3% #C36D64	RVB 195 109 100	#C36D64
100.0%	100.0% #DB8C5E	RVB 219 140 94	#DB8C5E

#4B484C #635563 #7B5F73 #936579 #AB6772 #C36D64 #DB8C5E

#4B484C - #936579 - #DB8C5E

Codes CSS

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

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