#3E3CAA - #C7C7E6 | 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 #3E3CAA à #C7C7E6

#3E3CAA #C7C7E6

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

#3E3CAA - #C7C7E6 | 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 #3E3CAA 0% et #C7C7E6 100%.

0.0%	0.0% #3E3CAA	RVB 62 60 170	#3E3CAA
16.7%	16.7% #5453B4	RVB 84 83 180	#5453B4
33.3%	33.3% #6B6ABE	RVB 107 106 190	#6B6ABE
50.0%	50.0% #8281C8	RVB 130 129 200	#8281C8
66.7%	66.7% #9998D2	RVB 153 152 210	#9998D2
83.3%	83.3% #B0AFDC	RVB 176 175 220	#B0AFDC
100.0%	100.0% #C7C7E6	RVB 199 199 230	#C7C7E6

#3E3CAA #5453B4 #6B6ABE #8281C8 #9998D2 #B0AFDC #C7C7E6

#3E3CAA - #C7C7E6

Mélange HSV

#3E3CAA - #C7C7E6 | 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 #3E3CAA 0% et #C7C7E6 100%.

0.0%	0.0% #3E3CAA	RVB 62 60 170	#3E3CAA
16.7%	16.7% #504EB4	RVB 80 78 180	#504EB4
33.3%	33.3% #6463BE	RVB 100 99 190	#6463BE
50.0%	50.0% #7A79C8	RVB 122 121 200	#7A79C8
66.7%	66.7% #9291D2	RVB 146 145 210	#9291D2
83.3%	83.3% #ABABDC	RVB 171 171 220	#ABABDC
100.0%	100.0% #C7C7E6	RVB 199 199 230	#C7C7E6

#3E3CAA #504EB4 #6463BE #7A79C8 #9291D2 #ABABDC #C7C7E6

#3E3CAA - #7A79C8 - #C7C7E6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3CAA 0%, #7A79C8 50%, #C7C7E6 100%);
    background: -webkit-linear-gradient(top, #3E3CAA 0%, #7A79C8 50%, #C7C7E6 100%);
    background: linear-gradient(to bottom, #3E3CAA 0%, #7A79C8 50%, #C7C7E6 100%);
}
</style>