#312C3E - #B06F5E | 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 #312C3E à #B06F5E

#312C3E #B06F5E

Calculez la couleur entre deux couleurs, #312C3E et #B06F5E. 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)

#312C3E - #B06F5E | 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 #312C3E 0% et #B06F5E 100%.

0.0%	0.0% #312C3E	RVB 49 44 62	#312C3E
16.7%	16.7% #463743	RVB 70 55 67	#463743
33.3%	33.3% #5B4248	RVB 91 66 72	#5B4248
50.0%	50.0% #704D4E	RVB 112 77 78	#704D4E
66.7%	66.7% #855853	RVB 133 88 83	#855853
83.3%	83.3% #9A6358	RVB 154 99 88	#9A6358
100.0%	100.0% #B06F5E	RVB 176 111 94	#B06F5E

#312C3E #463743 #5B4248 #704D4E #855853 #9A6358 #B06F5E

#312C3E - #B06F5E

Mélange HSV

#312C3E - #B06F5E | 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 #312C3E 0% et #B06F5E 100%.

0.0%	0.0% #312C3E	RVB 49 44 62	#312C3E
16.7%	16.7% #463751	RVB 70 55 81	#463751
33.3%	33.3% #614164	RVB 97 65 100	#614164
50.0%	50.0% #774A6C	RVB 119 74 108	#774A6C
66.7%	66.7% #8A516A	RVB 138 81 106	#8A516A
83.3%	83.3% #9D5860	RVB 157 88 96	#9D5860
100.0%	100.0% #B06F5E	RVB 176 111 94	#B06F5E

#312C3E #463751 #614164 #774A6C #8A516A #9D5860 #B06F5E

#312C3E - #774A6C - #B06F5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #312C3E 0%, #774A6C 50%, #B06F5E 100%);
    background: -webkit-linear-gradient(top, #312C3E 0%, #774A6C 50%, #B06F5E 100%);
    background: linear-gradient(to bottom, #312C3E 0%, #774A6C 50%, #B06F5E 100%);
}
</style>