#6B5E63 - #CD85C0 | 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 #6B5E63 à #CD85C0

#6B5E63 #CD85C0

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

#6B5E63 - #CD85C0 | 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 #6B5E63 0% et #CD85C0 100%.

0.0%	0.0% #6B5E63	RVB 107 94 99	#6B5E63
16.7%	16.7% #7B6472	RVB 123 100 114	#7B6472
33.3%	33.3% #8B6B82	RVB 139 107 130	#8B6B82
50.0%	50.0% #9C7191	RVB 156 113 145	#9C7191
66.7%	66.7% #AC78A1	RVB 172 120 161	#AC78A1
83.3%	83.3% #BC7EB0	RVB 188 126 176	#BC7EB0
100.0%	100.0% #CD85C0	RVB 205 133 192	#CD85C0

#6B5E63 #7B6472 #8B6B82 #9C7191 #AC78A1 #BC7EB0 #CD85C0

#6B5E63 - #CD85C0

Mélange HSV

#6B5E63 - #CD85C0 | 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 #6B5E63 0% et #CD85C0 100%.

0.0%	0.0% #6B5E63	RVB 107 94 99	#6B5E63
16.7%	16.7% #7B6770	RVB 123 103 112	#7B6770
33.3%	33.3% #8B707E	RVB 139 112 126	#8B707E
50.0%	50.0% #9C778D	RVB 156 119 141	#9C778D
66.7%	66.7% #AC7D9C	RVB 172 125 156	#AC7D9C
83.3%	83.3% #BC81AD	RVB 188 129 173	#BC81AD
100.0%	100.0% #CD85C0	RVB 205 133 192	#CD85C0

#6B5E63 #7B6770 #8B707E #9C778D #AC7D9C #BC81AD #CD85C0

#6B5E63 - #9C778D - #CD85C0

Codes CSS

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

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