#905EB6 - #C7E4D0 | 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 #905EB6 à #C7E4D0

#905EB6 #C7E4D0

Calculez la couleur entre deux couleurs, #905EB6 et #C7E4D0. 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)

#905EB6 - #C7E4D0 | 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 #905EB6 0% et #C7E4D0 100%.

0.0%	0.0% #905EB6	RVB 144 94 182	#905EB6
16.7%	16.7% #9974BA	RVB 153 116 186	#9974BA
33.3%	33.3% #A28ABE	RVB 162 138 190	#A28ABE
50.0%	50.0% #ABA1C3	RVB 171 161 195	#ABA1C3
66.7%	66.7% #B4B7C7	RVB 180 183 199	#B4B7C7
83.3%	83.3% #BDCDCB	RVB 189 205 203	#BDCDCB
100.0%	100.0% #C7E4D0	RVB 199 228 208	#C7E4D0

#905EB6 #9974BA #A28ABE #ABA1C3 #B4B7C7 #BDCDCB #C7E4D0

#905EB6 - #C7E4D0

Mélange HSV

#905EB6 - #C7E4D0 | 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 #905EB6 0% et #C7E4D0 100%.

0.0%	0.0% #8F5EB6	RVB 143 94 182	#8F5EB6
16.7%	16.7% #7C6DBD	RVB 124 109 189	#7C6DBD
33.3%	33.3% #7D8AC5	RVB 125 138 197	#7D8AC5
50.0%	50.0% #8EB1CD	RVB 142 177 205	#8EB1CD
66.7%	66.7% #A0D1D4	RVB 160 209 212	#A0D1D4
83.3%	83.3% #B3DCCF	RVB 179 220 207	#B3DCCF
100.0%	100.0% #C7E4D0	RVB 199 228 208	#C7E4D0

#8F5EB6 #7C6DBD #7D8AC5 #8EB1CD #A0D1D4 #B3DCCF #C7E4D0

#905EB6 - #8EB1CD - #C7E4D0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5EB6 0%, #8EB1CD 50%, #C7E4D0 100%);
    background: -webkit-linear-gradient(top, #8F5EB6 0%, #8EB1CD 50%, #C7E4D0 100%);
    background: linear-gradient(to bottom, #8F5EB6 0%, #8EB1CD 50%, #C7E4D0 100%);
}
</style>