#6B5E8F - #D4D1DF | 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 #6B5E8F à #D4D1DF

#6B5E8F #D4D1DF

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

#6B5E8F - #D4D1DF | 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 #6B5E8F 0% et #D4D1DF 100%.

0.0%	0.0% #6B5E8F	RVB 107 94 143	#6B5E8F
16.7%	16.7% #7C719C	RVB 124 113 156	#7C719C
33.3%	33.3% #8E84A9	RVB 142 132 169	#8E84A9
50.0%	50.0% #9F97B7	RVB 159 151 183	#9F97B7
66.7%	66.7% #B1AAC4	RVB 177 170 196	#B1AAC4
83.3%	83.3% #C2BDD1	RVB 194 189 209	#C2BDD1
100.0%	100.0% #D4D1DF	RVB 212 209 223	#D4D1DF

#6B5E8F #7C719C #8E84A9 #9F97B7 #B1AAC4 #C2BDD1 #D4D1DF

#6B5E8F - #D4D1DF

Mélange HSV

#6B5E8F - #D4D1DF | 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 #6B5E8F 0% et #D4D1DF 100%.

0.0%	0.0% #6B5E8F	RVB 107 94 143	#6B5E8F
16.7%	16.7% #796E9C	RVB 121 110 156	#796E9C
33.3%	33.3% #897FA9	RVB 137 127 169	#897FA9
50.0%	50.0% #9A91B7	RVB 154 145 183	#9A91B7
66.7%	66.7% #ACA5C4	RVB 172 165 196	#ACA5C4
83.3%	83.3% #BFBAD1	RVB 191 186 209	#BFBAD1
100.0%	100.0% #D4D1DF	RVB 212 209 223	#D4D1DF

#6B5E8F #796E9C #897FA9 #9A91B7 #ACA5C4 #BFBAD1 #D4D1DF

#6B5E8F - #9A91B7 - #D4D1DF

Codes CSS

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

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