#C3C6FD - #5E60DA | 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 #C3C6FD à #5E60DA

#C3C6FD #5E60DA

Calculez la couleur entre deux couleurs, #C3C6FD et #5E60DA. 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)

#C3C6FD - #5E60DA | 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 #C3C6FD 0% et #5E60DA 100%.

0.0%	0.0% #C3C6FD	RVB 195 198 253	#C3C6FD
16.7%	16.7% #B2B5F7	RVB 178 181 247	#B2B5F7
33.3%	33.3% #A1A4F1	RVB 161 164 241	#A1A4F1
50.0%	50.0% #9093EB	RVB 144 147 235	#9093EB
66.7%	66.7% #7F82E5	RVB 127 130 229	#7F82E5
83.3%	83.3% #6E71DF	RVB 110 113 223	#6E71DF
100.0%	100.0% #5E60DA	RVB 94 96 218	#5E60DA

#C3C6FD #B2B5F7 #A1A4F1 #9093EB #7F82E5 #6E71DF #5E60DA

#C3C6FD - #5E60DA

Mélange HSV

#C3C6FD - #5E60DA | 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 #C3C6FD 0% et #5E60DA 100%.

0.0%	0.0% #C3C6FD	RVB 195 198 253	#C3C6FD
16.7%	16.7% #B0B3F7	RVB 176 179 247	#B0B3F7
33.3%	33.3% #9EA1F1	RVB 158 161 241	#9EA1F1
50.0%	50.0% #8D90EB	RVB 141 144 235	#8D90EB
66.7%	66.7% #7D7FE5	RVB 125 127 229	#7D7FE5
83.3%	83.3% #6D6FDF	RVB 109 111 223	#6D6FDF
100.0%	100.0% #5E60DA	RVB 94 96 218	#5E60DA

#C3C6FD #B0B3F7 #9EA1F1 #8D90EB #7D7FE5 #6D6FDF #5E60DA

#C3C6FD - #8D90EB - #5E60DA

Codes CSS

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

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