#3E5E4D - #AA938F | 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 #3E5E4D à #AA938F

#3E5E4D #AA938F

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

#3E5E4D - #AA938F | 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 #3E5E4D 0% et #AA938F 100%.

0.0%	0.0% #3E5E4D	RVB 62 94 77	#3E5E4D
16.7%	16.7% #506658	RVB 80 102 88	#506658
33.3%	33.3% #626F63	RVB 98 111 99	#626F63
50.0%	50.0% #74786E	RVB 116 120 110	#74786E
66.7%	66.7% #868179	RVB 134 129 121	#868179
83.3%	83.3% #988A84	RVB 152 138 132	#988A84
100.0%	100.0% #AA938F	RVB 170 147 143	#AA938F

#3E5E4D #506658 #626F63 #74786E #868179 #988A84 #AA938F

#3E5E4D - #AA938F

Mélange HSV

#3E5E4D - #AA938F | 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 #3E5E4D 0% et #AA938F 100%.

0.0%	0.0% #3E5E4D	RVB 62 94 77	#3E5E4D
16.7%	16.7% #496A4C	RVB 73 106 76	#496A4C
33.3%	33.3% #607755	RVB 96 119 85	#607755
50.0%	50.0% #798463	RVB 121 132 99	#798463
66.7%	66.7% #908E70	RVB 144 142 112	#908E70
83.3%	83.3% #9D8F7F	RVB 157 143 127	#9D8F7F
100.0%	100.0% #AA938F	RVB 170 147 143	#AA938F

#3E5E4D #496A4C #607755 #798463 #908E70 #9D8F7F #AA938F

#3E5E4D - #798463 - #AA938F

Codes CSS

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

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