#5E5E75 - #B29E91 | 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 #5E5E75 à #B29E91

#5E5E75 #B29E91

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

#5E5E75 - #B29E91 | 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 #5E5E75 0% et #B29E91 100%.

0.0%	0.0% #5E5E75	RVB 94 94 117	#5E5E75
16.7%	16.7% #6C6879	RVB 108 104 121	#6C6879
33.3%	33.3% #7A737E	RVB 122 115 126	#7A737E
50.0%	50.0% #887E83	RVB 136 126 131	#887E83
66.7%	66.7% #968887	RVB 150 136 135	#968887
83.3%	83.3% #A4938C	RVB 164 147 140	#A4938C
100.0%	100.0% #B29E91	RVB 178 158 145	#B29E91

#5E5E75 #6C6879 #7A737E #887E83 #968887 #A4938C #B29E91

#5E5E75 - #B29E91

Mélange HSV

#5E5E75 - #B29E91 | 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 #5E5E75 0% et #B29E91 100%.

0.0%	0.0% #5E5E75	RVB 94 94 117	#5E5E75
16.7%	16.7% #70667F	RVB 112 102 127	#70667F
33.3%	33.3% #836E89	RVB 131 110 137	#836E89
50.0%	50.0% #93778D	RVB 147 119 141	#93778D
66.7%	66.7% #9D7F8B	RVB 157 127 139	#9D7F8B
83.3%	83.3% #A78888	RVB 167 136 136	#A78888
100.0%	100.0% #B29E91	RVB 178 158 145	#B29E91

#5E5E75 #70667F #836E89 #93778D #9D7F8B #A78888 #B29E91

#5E5E75 - #93778D - #B29E91

Codes CSS

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

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