#5E6B2B - #D1D4C2 | 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 #5E6B2B à #D1D4C2

#5E6B2B #D1D4C2

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

#5E6B2B - #D1D4C2 | 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 #5E6B2B 0% et #D1D4C2 100%.

0.0%	0.0% #5E6B2B	RVB 94 107 43	#5E6B2B
16.7%	16.7% #717C44	RVB 113 124 68	#717C44
33.3%	33.3% #848E5D	RVB 132 142 93	#848E5D
50.0%	50.0% #979F76	RVB 151 159 118	#979F76
66.7%	66.7% #AAB18F	RVB 170 177 143	#AAB18F
83.3%	83.3% #BDC2A8	RVB 189 194 168	#BDC2A8
100.0%	100.0% #D1D4C2	RVB 209 212 194	#D1D4C2

#5E6B2B #717C44 #848E5D #979F76 #AAB18F #BDC2A8 #D1D4C2

#5E6B2B - #D1D4C2

Mélange HSV

#5E6B2B - #D1D4C2 | 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 #5E6B2B 0% et #D1D4C2 100%.

0.0%	0.0% #5E6B2A	RVB 94 107 42	#5E6B2A
16.7%	16.7% #6F7C3C	RVB 111 124 60	#6F7C3C
33.3%	33.3% #828E51	RVB 130 142 81	#828E51
50.0%	50.0% #959F69	RVB 149 159 105	#959F69
66.7%	66.7% #A8B183	RVB 168 177 131	#A8B183
83.3%	83.3% #BCC2A1	RVB 188 194 161	#BCC2A1
100.0%	100.0% #D1D4C2	RVB 209 212 194	#D1D4C2

#5E6B2A #6F7C3C #828E51 #959F69 #A8B183 #BCC2A1 #D1D4C2

#5E6B2B - #959F69 - #D1D4C2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B2A 0%, #959F69 50%, #D1D4C2 100%);
    background: -webkit-linear-gradient(top, #5E6B2A 0%, #959F69 50%, #D1D4C2 100%);
    background: linear-gradient(to bottom, #5E6B2A 0%, #959F69 50%, #D1D4C2 100%);
}
</style>