#5E4D3E - #A47498 | 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 #5E4D3E à #A47498

#5E4D3E #A47498

Calculez la couleur entre deux couleurs, #5E4D3E et #A47498. 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)

#5E4D3E - #A47498 | 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 #5E4D3E 0% et #A47498 100%.

0.0%	0.0% #5E4D3E	RVB 94 77 62	#5E4D3E
16.7%	16.7% #69534D	RVB 105 83 77	#69534D
33.3%	33.3% #755A5C	RVB 117 90 92	#755A5C
50.0%	50.0% #81606B	RVB 129 96 107	#81606B
66.7%	66.7% #8C677A	RVB 140 103 122	#8C677A
83.3%	83.3% #986D89	RVB 152 109 137	#986D89
100.0%	100.0% #A47498	RVB 164 116 152	#A47498

#5E4D3E #69534D #755A5C #81606B #8C677A #986D89 #A47498

#5E4D3E - #A47498

Mélange HSV

#5E4D3E - #A47498 | 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 #5E4D3E 0% et #A47498 100%.

0.0%	0.0% #5E4D3E	RVB 94 77 62	#5E4D3E
16.7%	16.7% #694F46	RVB 105 79 70	#694F46
33.3%	33.3% #75514F	RVB 117 81 79	#75514F
50.0%	50.0% #81585D	RVB 129 88 93	#81585D
66.7%	66.7% #8C6170	RVB 140 97 112	#8C6170
83.3%	83.3% #986A83	RVB 152 106 131	#986A83
100.0%	100.0% #A47498	RVB 164 116 152	#A47498

#5E4D3E #694F46 #75514F #81585D #8C6170 #986A83 #A47498

#5E4D3E - #81585D - #A47498

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D3E 0%, #81585D 50%, #A47498 100%);
    background: -webkit-linear-gradient(top, #5E4D3E 0%, #81585D 50%, #A47498 100%);
    background: linear-gradient(to bottom, #5E4D3E 0%, #81585D 50%, #A47498 100%);
}
</style>