#6B5E53 - #D4D1CD | 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 #6B5E53 à #D4D1CD

#6B5E53 #D4D1CD

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

#6B5E53 - #D4D1CD | 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 #6B5E53 0% et #D4D1CD 100%.

0.0%	0.0% #6B5E53	RVB 107 94 83	#6B5E53
16.7%	16.7% #7C7167	RVB 124 113 103	#7C7167
33.3%	33.3% #8E847B	RVB 142 132 123	#8E847B
50.0%	50.0% #9F9790	RVB 159 151 144	#9F9790
66.7%	66.7% #B1AAA4	RVB 177 170 164	#B1AAA4
83.3%	83.3% #C2BDB8	RVB 194 189 184	#C2BDB8
100.0%	100.0% #D4D1CD	RVB 212 209 205	#D4D1CD

#6B5E53 #7C7167 #8E847B #9F9790 #B1AAA4 #C2BDB8 #D4D1CD

#6B5E53 - #D4D1CD

Mélange HSV

#6B5E53 - #D4D1CD | 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 #6B5E53 0% et #D4D1CD 100%.

0.0%	0.0% #6B5E53	RVB 107 94 83	#6B5E53
16.7%	16.7% #7C6F64	RVB 124 111 100	#7C6F64
33.3%	33.3% #8E8277	RVB 142 130 119	#8E8277
50.0%	50.0% #9F958A	RVB 159 149 138	#9F958A
66.7%	66.7% #B1A99F	RVB 177 169 159	#B1A99F
83.3%	83.3% #C2BCB5	RVB 194 188 181	#C2BCB5
100.0%	100.0% #D4D1CD	RVB 212 209 205	#D4D1CD

#6B5E53 #7C6F64 #8E8277 #9F958A #B1A99F #C2BCB5 #D4D1CD

#6B5E53 - #9F958A - #D4D1CD

Codes CSS

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

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