#D6B5E6 - #7553A8 | 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 #D6B5E6 à #7553A8

#D6B5E6 #7553A8

Calculez la couleur entre deux couleurs, #D6B5E6 et #7553A8. 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)

#D6B5E6 - #7553A8 | 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 #D6B5E6 0% et #7553A8 100%.

0.0%	0.0% #D6B5E6	RVB 214 181 230	#D6B5E6
16.7%	16.7% #C5A4DB	RVB 197 164 219	#C5A4DB
33.3%	33.3% #B594D1	RVB 181 148 209	#B594D1
50.0%	50.0% #A584C7	RVB 165 132 199	#A584C7
66.7%	66.7% #9573BC	RVB 149 115 188	#9573BC
83.3%	83.3% #8563B2	RVB 133 99 178	#8563B2
100.0%	100.0% #7553A8	RVB 117 83 168	#7553A8

#D6B5E6 #C5A4DB #B594D1 #A584C7 #9573BC #8563B2 #7553A8

#D6B5E6 - #7553A8

Mélange HSV

#D6B5E6 - #7553A8 | 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 #D6B5E6 0% et #7553A8 100%.

0.0%	0.0% #D6B5E6	RVB 214 181 230	#D6B5E6
16.7%	16.7% #C6A2DB	RVB 198 162 219	#C6A2DB
33.3%	33.3% #B690D1	RVB 182 144 209	#B690D1
50.0%	50.0% #A57FC7	RVB 165 127 199	#A57FC7
66.7%	66.7% #956FBC	RVB 149 111 188	#956FBC
83.3%	83.3% #8560B2	RVB 133 96 178	#8560B2
100.0%	100.0% #7553A8	RVB 117 83 168	#7553A8

#D6B5E6 #C6A2DB #B690D1 #A57FC7 #956FBC #8560B2 #7553A8

#D6B5E6 - #A57FC7 - #7553A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D6B5E6 0%, #A57FC7 50%, #7553A8 100%);
    background: -webkit-linear-gradient(top, #D6B5E6 0%, #A57FC7 50%, #7553A8 100%);
    background: linear-gradient(to bottom, #D6B5E6 0%, #A57FC7 50%, #7553A8 100%);
}
</style>