#C7B5E5 - #7951A7 | 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 #C7B5E5 à #7951A7

#C7B5E5 #7951A7

Calculez la couleur entre deux couleurs, #C7B5E5 et #7951A7. 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)

#C7B5E5 - #7951A7 | 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 #C7B5E5 0% et #7951A7 100%.

0.0%	0.0% #C7B5E5	RVB 199 181 229	#C7B5E5
16.7%	16.7% #BAA4DA	RVB 186 164 218	#BAA4DA
33.3%	33.3% #AD93D0	RVB 173 147 208	#AD93D0
50.0%	50.0% #A083C6	RVB 160 131 198	#A083C6
66.7%	66.7% #9372BB	RVB 147 114 187	#9372BB
83.3%	83.3% #8661B1	RVB 134 97 177	#8661B1
100.0%	100.0% #7951A7	RVB 121 81 167	#7951A7

#C7B5E5 #BAA4DA #AD93D0 #A083C6 #9372BB #8661B1 #7951A7

#C7B5E5 - #7951A7

Mélange HSV

#C7B5E5 - #7951A7 | 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 #C7B5E5 0% et #7951A7 100%.

0.0%	0.0% #C7B5E5	RVB 199 181 229	#C7B5E5
16.7%	16.7% #B7A1DA	RVB 183 161 218	#B7A1DA
33.3%	33.3% #A98FD0	RVB 169 143 208	#A98FD0
50.0%	50.0% #9C7EC6	RVB 156 126 198	#9C7EC6
66.7%	66.7% #8F6EBB	RVB 143 110 187	#8F6EBB
83.3%	83.3% #845FB1	RVB 132 95 177	#845FB1
100.0%	100.0% #7951A7	RVB 121 81 167	#7951A7

#C7B5E5 #B7A1DA #A98FD0 #9C7EC6 #8F6EBB #845FB1 #7951A7

#C7B5E5 - #9C7EC6 - #7951A7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7B5E5 0%, #9C7EC6 50%, #7951A7 100%);
    background: -webkit-linear-gradient(top, #C7B5E5 0%, #9C7EC6 50%, #7951A7 100%);
    background: linear-gradient(to bottom, #C7B5E5 0%, #9C7EC6 50%, #7951A7 100%);
}
</style>