#6B5E80 - #D4D1DA | 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 #6B5E80 à #D4D1DA

#6B5E80 #D4D1DA

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

#6B5E80 - #D4D1DA | 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 #6B5E80 0% et #D4D1DA 100%.

0.0%	0.0% #6B5E80	RVB 107 94 128	#6B5E80
16.7%	16.7% #7C718F	RVB 124 113 143	#7C718F
33.3%	33.3% #8E849E	RVB 142 132 158	#8E849E
50.0%	50.0% #9F97AD	RVB 159 151 173	#9F97AD
66.7%	66.7% #B1AABC	RVB 177 170 188	#B1AABC
83.3%	83.3% #C2BDCB	RVB 194 189 203	#C2BDCB
100.0%	100.0% #D4D1DA	RVB 212 209 218	#D4D1DA

#6B5E80 #7C718F #8E849E #9F97AD #B1AABC #C2BDCB #D4D1DA

#6B5E80 - #D4D1DA

Mélange HSV

#6B5E80 - #D4D1DA | 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 #6B5E80 0% et #D4D1DA 100%.

0.0%	0.0% #6B5E80	RVB 107 94 128	#6B5E80
16.7%	16.7% #7A6E8F	RVB 122 110 143	#7A6E8F
33.3%	33.3% #8A7F9E	RVB 138 127 158	#8A7F9E
50.0%	50.0% #9B92AD	RVB 155 146 173	#9B92AD
66.7%	66.7% #ADA6BC	RVB 173 166 188	#ADA6BC
83.3%	83.3% #C0BBCB	RVB 192 187 203	#C0BBCB
100.0%	100.0% #D4D1DA	RVB 212 209 218	#D4D1DA

#6B5E80 #7A6E8F #8A7F9E #9B92AD #ADA6BC #C0BBCB #D4D1DA

#6B5E80 - #9B92AD - #D4D1DA

Codes CSS

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

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