#6B5E64 - #D4D1D2 | 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 #6B5E64 à #D4D1D2

#6B5E64 #D4D1D2

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

#6B5E64 - #D4D1D2 | 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 #6B5E64 0% et #D4D1D2 100%.

0.0%	0.0% #6B5E64	RVB 107 94 100	#6B5E64
16.7%	16.7% #7C7176	RVB 124 113 118	#7C7176
33.3%	33.3% #8E8488	RVB 142 132 136	#8E8488
50.0%	50.0% #9F979B	RVB 159 151 155	#9F979B
66.7%	66.7% #B1AAAD	RVB 177 170 173	#B1AAAD
83.3%	83.3% #C2BDBF	RVB 194 189 191	#C2BDBF
100.0%	100.0% #D4D1D2	RVB 212 209 210	#D4D1D2

#6B5E64 #7C7176 #8E8488 #9F979B #B1AAAD #C2BDBF #D4D1D2

#6B5E64 - #D4D1D2

Mélange HSV

#6B5E64 - #D4D1D2 | 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 #6B5E64 0% et #D4D1D2 100%.

0.0%	0.0% #6B5E64	RVB 107 94 100	#6B5E64
16.7%	16.7% #7C6F75	RVB 124 111 117	#7C6F75
33.3%	33.3% #8E8186	RVB 142 129 134	#8E8186
50.0%	50.0% #9F9498	RVB 159 148 152	#9F9498
66.7%	66.7% #B1A8AB	RVB 177 168 171	#B1A8AB
83.3%	83.3% #C2BCBE	RVB 194 188 190	#C2BCBE
100.0%	100.0% #D4D1D2	RVB 212 209 210	#D4D1D2

#6B5E64 #7C6F75 #8E8186 #9F9498 #B1A8AB #C2BCBE #D4D1D2

#6B5E64 - #9F9498 - #D4D1D2

Codes CSS

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

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