#6B5E11 - #D4D0BB | 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 #6B5E11 à #D4D0BB

#6B5E11 #D4D0BB

Calculez la couleur entre deux couleurs, #6B5E11 et #D4D0BB. 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)

#6B5E11 - #D4D0BB | 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 #6B5E11 0% et #D4D0BB 100%.

0.0%	0.0% #6B5E11	RVB 107 94 17	#6B5E11
16.7%	16.7% #7C712D	RVB 124 113 45	#7C712D
33.3%	33.3% #8E8449	RVB 142 132 73	#8E8449
50.0%	50.0% #9F9766	RVB 159 151 102	#9F9766
66.7%	66.7% #B1AA82	RVB 177 170 130	#B1AA82
83.3%	83.3% #C2BD9E	RVB 194 189 158	#C2BD9E
100.0%	100.0% #D4D0BB	RVB 212 208 187	#D4D0BB

#6B5E11 #7C712D #8E8449 #9F9766 #B1AA82 #C2BD9E #D4D0BB

#6B5E11 - #D4D0BB

Mélange HSV

#6B5E11 - #D4D0BB | 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 #6B5E11 0% et #D4D0BB 100%.

0.0%	0.0% #6B5E11	RVB 107 94 17	#6B5E11
16.7%	16.7% #7C6F22	RVB 124 111 34	#7C6F22
33.3%	33.3% #8E8138	RVB 142 129 56	#8E8138
50.0%	50.0% #9F9353	RVB 159 147 83	#9F9353
66.7%	66.7% #B1A771	RVB 177 167 113	#B1A771
83.3%	83.3% #C2BB94	RVB 194 187 148	#C2BB94
100.0%	100.0% #D4D0BB	RVB 212 208 187	#D4D0BB

#6B5E11 #7C6F22 #8E8138 #9F9353 #B1A771 #C2BB94 #D4D0BB

#6B5E11 - #9F9353 - #D4D0BB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E11 0%, #9F9353 50%, #D4D0BB 100%);
    background: -webkit-linear-gradient(top, #6B5E11 0%, #9F9353 50%, #D4D0BB 100%);
    background: linear-gradient(to bottom, #6B5E11 0%, #9F9353 50%, #D4D0BB 100%);
}
</style>