#5E5E53 - #D1D1CD | 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 #5E5E53 à #D1D1CD

#5E5E53 #D1D1CD

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

#5E5E53 - #D1D1CD | 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 #5E5E53 0% et #D1D1CD 100%.

0.0%	0.0% #5E5E53	RVB 94 94 83	#5E5E53
16.7%	16.7% #717167	RVB 113 113 103	#717167
33.3%	33.3% #84847B	RVB 132 132 123	#84847B
50.0%	50.0% #979790	RVB 151 151 144	#979790
66.7%	66.7% #AAAAA4	RVB 170 170 164	#AAAAA4
83.3%	83.3% #BDBDB8	RVB 189 189 184	#BDBDB8
100.0%	100.0% #D1D1CD	RVB 209 209 205	#D1D1CD

#5E5E53 #717167 #84847B #979790 #AAAAA4 #BDBDB8 #D1D1CD

#5E5E53 - #D1D1CD

Mélange HSV

#5E5E53 - #D1D1CD | 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 #5E5E53 0% et #D1D1CD 100%.

0.0%	0.0% #5E5E53	RVB 94 94 83	#5E5E53
16.7%	16.7% #717165	RVB 113 113 101	#717165
33.3%	33.3% #848479	RVB 132 132 121	#848479
50.0%	50.0% #97978D	RVB 151 151 141	#97978D
66.7%	66.7% #AAAAA1	RVB 170 170 161	#AAAAA1
83.3%	83.3% #BDBDB7	RVB 189 189 183	#BDBDB7
100.0%	100.0% #D1D1CD	RVB 209 209 205	#D1D1CD

#5E5E53 #717165 #848479 #97978D #AAAAA1 #BDBDB7 #D1D1CD

#5E5E53 - #97978D - #D1D1CD

Codes CSS

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

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