#3E5B5E - #AAA48F | 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 #3E5B5E à #AAA48F

#3E5B5E #AAA48F

Calculez la couleur entre deux couleurs, #3E5B5E et #AAA48F. 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)

#3E5B5E - #AAA48F | 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 #3E5B5E 0% et #AAA48F 100%.

0.0%	0.0% #3E5B5E	RVB 62 91 94	#3E5B5E
16.7%	16.7% #506766	RVB 80 103 102	#506766
33.3%	33.3% #62736E	RVB 98 115 110	#62736E
50.0%	50.0% #747F76	RVB 116 127 118	#747F76
66.7%	66.7% #868B7E	RVB 134 139 126	#868B7E
83.3%	83.3% #989786	RVB 152 151 134	#989786
100.0%	100.0% #AAA48F	RVB 170 164 143	#AAA48F

#3E5B5E #506766 #62736E #747F76 #868B7E #989786 #AAA48F

#3E5B5E - #AAA48F

Mélange HSV

#3E5B5E - #AAA48F | 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 #3E5B5E 0% et #AAA48F 100%.

0.0%	0.0% #3E5B5E	RVB 62 91 94	#3E5B5E
16.7%	16.7% #496A60	RVB 73 106 96	#496A60
33.3%	33.3% #557760	RVB 85 119 96	#557760
50.0%	50.0% #658463	RVB 101 132 99	#658463
66.7%	66.7% #7F9070	RVB 127 144 112	#7F9070
83.3%	83.3% #989D7F	RVB 152 157 127	#989D7F
100.0%	100.0% #AAA48F	RVB 170 164 143	#AAA48F

#3E5B5E #496A60 #557760 #658463 #7F9070 #989D7F #AAA48F

#3E5B5E - #658463 - #AAA48F

Codes CSS

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

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