#5E5E77 - #B29E93 | 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 #5E5E77 à #B29E93

#5E5E77 #B29E93

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

#5E5E77 - #B29E93 | 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 #5E5E77 0% et #B29E93 100%.

0.0%	0.0% #5E5E77	RVB 94 94 119	#5E5E77
16.7%	16.7% #6C687B	RVB 108 104 123	#6C687B
33.3%	33.3% #7A7380	RVB 122 115 128	#7A7380
50.0%	50.0% #887E85	RVB 136 126 133	#887E85
66.7%	66.7% #968889	RVB 150 136 137	#968889
83.3%	83.3% #A4938E	RVB 164 147 142	#A4938E
100.0%	100.0% #B29E93	RVB 178 158 147	#B29E93

#5E5E77 #6C687B #7A7380 #887E85 #968889 #A4938E #B29E93

#5E5E77 - #B29E93

Mélange HSV

#5E5E77 - #B29E93 | 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 #5E5E77 0% et #B29E93 100%.

0.0%	0.0% #5E5E77	RVB 94 94 119	#5E5E77
16.7%	16.7% #706680	RVB 112 102 128	#706680
33.3%	33.3% #846F8A	RVB 132 111 138	#846F8A
50.0%	50.0% #94778F	RVB 148 119 143	#94778F
66.7%	66.7% #9E808D	RVB 158 128 141	#9E808D
83.3%	83.3% #A8898B	RVB 168 137 139	#A8898B
100.0%	100.0% #B29E93	RVB 178 158 147	#B29E93

#5E5E77 #706680 #846F8A #94778F #9E808D #A8898B #B29E93

#5E5E77 - #94778F - #B29E93

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E77 0%, #94778F 50%, #B29E93 100%);
    background: -webkit-linear-gradient(top, #5E5E77 0%, #94778F 50%, #B29E93 100%);
    background: linear-gradient(to bottom, #5E5E77 0%, #94778F 50%, #B29E93 100%);
}
</style>