#6B6E5A - #D4D5CF | 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 #6B6E5A à #D4D5CF

#6B6E5A #D4D5CF

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

#6B6E5A - #D4D5CF | 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 #6B6E5A 0% et #D4D5CF 100%.

0.0%	0.0% #6B6E5A	RVB 107 110 90	#6B6E5A
16.7%	16.7% #7C7F6D	RVB 124 127 109	#7C7F6D
33.3%	33.3% #8E9081	RVB 142 144 129	#8E9081
50.0%	50.0% #9FA194	RVB 159 161 148	#9FA194
66.7%	66.7% #B1B2A8	RVB 177 178 168	#B1B2A8
83.3%	83.3% #C2C3BB	RVB 194 195 187	#C2C3BB
100.0%	100.0% #D4D5CF	RVB 212 213 207	#D4D5CF

#6B6E5A #7C7F6D #8E9081 #9FA194 #B1B2A8 #C2C3BB #D4D5CF

#6B6E5A - #D4D5CF

Mélange HSV

#6B6E5A - #D4D5CF | 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 #6B6E5A 0% et #D4D5CF 100%.

0.0%	0.0% #6B6E5A	RVB 107 110 90	#6B6E5A
16.7%	16.7% #7C7F6B	RVB 124 127 107	#7C7F6B
33.3%	33.3% #8D907D	RVB 141 144 125	#8D907D
50.0%	50.0% #9EA190	RVB 158 161 144	#9EA190
66.7%	66.7% #B0B2A4	RVB 176 178 164	#B0B2A4
83.3%	83.3% #C2C3B9	RVB 194 195 185	#C2C3B9
100.0%	100.0% #D4D5CF	RVB 212 213 207	#D4D5CF

#6B6E5A #7C7F6B #8D907D #9EA190 #B0B2A4 #C2C3B9 #D4D5CF

#6B6E5A - #9EA190 - #D4D5CF

Codes CSS

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

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