#465650 - #073326 | 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 #465650 à #073326

#465650 #073326

Calculez la couleur entre deux couleurs, #465650 et #073326. 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)

#465650 - #073326 | 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 #465650 0% et #073326 100%.

0.0%	0.0% #465650	RVB 70 86 80	#465650
16.7%	16.7% #3B5049	RVB 59 80 73	#3B5049
33.3%	33.3% #314A42	RVB 49 74 66	#314A42
50.0%	50.0% #26443B	RVB 38 68 59	#26443B
66.7%	66.7% #1C3E34	RVB 28 62 52	#1C3E34
83.3%	83.3% #11382D	RVB 17 56 45	#11382D
100.0%	100.0% #073326	RVB 7 51 38	#073326

#465650 #3B5049 #314A42 #26443B #1C3E34 #11382D #073326

#465650 - #073326

Mélange HSV

#465650 - #073326 | 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 #465650 0% et #073326 100%.

0.0%	0.0% #465650	RVB 70 86 80	#465650
16.7%	16.7% #385047	RVB 56 80 71	#385047
33.3%	33.3% #2B4A3F	RVB 43 74 63	#2B4A3F
50.0%	50.0% #204438	RVB 32 68 56	#204438
66.7%	66.7% #163E31	RVB 22 62 49	#163E31
83.3%	83.3% #0E382B	RVB 14 56 43	#0E382B
100.0%	100.0% #073326	RVB 7 51 38	#073326

#465650 #385047 #2B4A3F #204438 #163E31 #0E382B #073326

#465650 - #204438 - #073326

Codes CSS

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

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