#3C3C92 - #C7C7DF | 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 #3C3C92 à #C7C7DF

#3C3C92 #C7C7DF

Calculez la couleur entre deux couleurs, #3C3C92 et #C7C7DF. 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)

#3C3C92 - #C7C7DF | 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 #3C3C92 0% et #C7C7DF 100%.

0.0%	0.0% #3C3C92	RVB 60 60 146	#3C3C92
16.7%	16.7% #53539E	RVB 83 83 158	#53539E
33.3%	33.3% #6A6AAB	RVB 106 106 171	#6A6AAB
50.0%	50.0% #8181B8	RVB 129 129 184	#8181B8
66.7%	66.7% #9898C5	RVB 152 152 197	#9898C5
83.3%	83.3% #AFAFD2	RVB 175 175 210	#AFAFD2
100.0%	100.0% #C7C7DF	RVB 199 199 223	#C7C7DF

#3C3C92 #53539E #6A6AAB #8181B8 #9898C5 #AFAFD2 #C7C7DF

#3C3C92 - #C7C7DF

Mélange HSV

#3C3C92 - #C7C7DF | 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 #3C3C92 0% et #C7C7DF 100%.

0.0%	0.0% #3C3C92	RVB 60 60 146	#3C3C92
16.7%	16.7% #4E4E9E	RVB 78 78 158	#4E4E9E
33.3%	33.3% #6262AB	RVB 98 98 171	#6262AB
50.0%	50.0% #7878B8	RVB 120 120 184	#7878B8
66.7%	66.7% #9090C5	RVB 144 144 197	#9090C5
83.3%	83.3% #AAAAD2	RVB 170 170 210	#AAAAD2
100.0%	100.0% #C7C7DF	RVB 199 199 223	#C7C7DF

#3C3C92 #4E4E9E #6262AB #7878B8 #9090C5 #AAAAD2 #C7C7DF

#3C3C92 - #7878B8 - #C7C7DF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C92 0%, #7878B8 50%, #C7C7DF 100%);
    background: -webkit-linear-gradient(top, #3C3C92 0%, #7878B8 50%, #C7C7DF 100%);
    background: linear-gradient(to bottom, #3C3C92 0%, #7878B8 50%, #C7C7DF 100%);
}
</style>