#5E4A2D - #D1CBC3 | 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 #5E4A2D à #D1CBC3

#5E4A2D #D1CBC3

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

#5E4A2D - #D1CBC3 | 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 #5E4A2D 0% et #D1CBC3 100%.

0.0%	0.0% #5E4A2D	RVB 94 74 45	#5E4A2D
16.7%	16.7% #715F46	RVB 113 95 70	#715F46
33.3%	33.3% #84755F	RVB 132 117 95	#84755F
50.0%	50.0% #978A78	RVB 151 138 120	#978A78
66.7%	66.7% #AAA091	RVB 170 160 145	#AAA091
83.3%	83.3% #BDB5AA	RVB 189 181 170	#BDB5AA
100.0%	100.0% #D1CBC3	RVB 209 203 195	#D1CBC3

#5E4A2D #715F46 #84755F #978A78 #AAA091 #BDB5AA #D1CBC3

#5E4A2D - #D1CBC3

Mélange HSV

#5E4A2D - #D1CBC3 | 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 #5E4A2D 0% et #D1CBC3 100%.

0.0%	0.0% #5E4A2D	RVB 94 74 45	#5E4A2D
16.7%	16.7% #715C3E	RVB 113 92 62	#715C3E
33.3%	33.3% #847053	RVB 132 112 83	#847053
50.0%	50.0% #97846A	RVB 151 132 106	#97846A
66.7%	66.7% #AA9A85	RVB 170 154 133	#AA9A85
83.3%	83.3% #BDB2A2	RVB 189 178 162	#BDB2A2
100.0%	100.0% #D1CBC3	RVB 209 203 195	#D1CBC3

#5E4A2D #715C3E #847053 #97846A #AA9A85 #BDB2A2 #D1CBC3

#5E4A2D - #97846A - #D1CBC3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A2D 0%, #97846A 50%, #D1CBC3 100%);
    background: -webkit-linear-gradient(top, #5E4A2D 0%, #97846A 50%, #D1CBC3 100%);
    background: linear-gradient(to bottom, #5E4A2D 0%, #97846A 50%, #D1CBC3 100%);
}
</style>