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

#5E5E75 #B29D91

Calculez la couleur entre deux couleurs, #5E5E75 et #B29D91. 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 - #B29D91 | 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 #B29D91 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% #887D83	RVB 136 125 131	#887D83
66.7%	66.7% #968887	RVB 150 136 135	#968887
83.3%	83.3% #A4928C	RVB 164 146 140	#A4928C
100.0%	100.0% #B29D91	RVB 178 157 145	#B29D91

#5E5E75 #6C6879 #7A737E #887D83 #968887 #A4928C #B29D91

#5E5E75 - #B29D91

Mélange HSV

#5E5E75 - #B29D91 | 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 #B29D91 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% #93778E	RVB 147 119 142	#93778E
66.7%	66.7% #9D7F8C	RVB 157 127 140	#9D7F8C
83.3%	83.3% #A78889	RVB 167 136 137	#A78889
100.0%	100.0% #B29D91	RVB 178 157 145	#B29D91

#5E5E75 #70667F #836E89 #93778E #9D7F8C #A78889 #B29D91

#5E5E75 - #93778E - #B29D91

Codes CSS

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

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