#464D56 - #A08F7E | 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 #464D56 à #A08F7E

#464D56 #A08F7E

Calculez la couleur entre deux couleurs, #464D56 et #A08F7E. 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)

#464D56 - #A08F7E | 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 #464D56 0% et #A08F7E 100%.

0.0%	0.0% #464D56	RVB 70 77 86	#464D56
16.7%	16.7% #55585C	RVB 85 88 92	#55585C
33.3%	33.3% #646363	RVB 100 99 99	#646363
50.0%	50.0% #736E6A	RVB 115 110 106	#736E6A
66.7%	66.7% #827970	RVB 130 121 112	#827970
83.3%	83.3% #918477	RVB 145 132 119	#918477
100.0%	100.0% #A08F7E	RVB 160 143 126	#A08F7E

#464D56 #55585C #646363 #736E6A #827970 #918477 #A08F7E

#464D56 - #A08F7E

Mélange HSV

#464D56 - #A08F7E | 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 #464D56 0% et #A08F7E 100%.

0.0%	0.0% #464D56	RVB 70 77 86	#464D56
16.7%	16.7% #504F62	RVB 80 79 98	#504F62
33.3%	33.3% #64596E	RVB 100 89 110	#64596E
50.0%	50.0% #7B627A	RVB 123 98 122	#7B627A
66.7%	66.7% #876B78	RVB 135 107 120	#876B78
83.3%	83.3% #937574	RVB 147 117 116	#937574
100.0%	100.0% #A08F7E	RVB 160 143 126	#A08F7E

#464D56 #504F62 #64596E #7B627A #876B78 #937574 #A08F7E

#464D56 - #7B627A - #A08F7E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464D56 0%, #7B627A 50%, #A08F7E 100%);
    background: -webkit-linear-gradient(top, #464D56 0%, #7B627A 50%, #A08F7E 100%);
    background: linear-gradient(to bottom, #464D56 0%, #7B627A 50%, #A08F7E 100%);
}
</style>