#3C48FE - #C7CAFE | 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 #3C48FE à #C7CAFE

#3C48FE #C7CAFE

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

#3C48FE - #C7CAFE | 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 #3C48FE 0% et #C7CAFE 100%.

0.0%	0.0% #3C48FE	RVB 60 72 254	#3C48FE
16.7%	16.7% #535DFE	RVB 83 93 254	#535DFE
33.3%	33.3% #6A73FE	RVB 106 115 254	#6A73FE
50.0%	50.0% #8189FE	RVB 129 137 254	#8189FE
66.7%	66.7% #989EFE	RVB 152 158 254	#989EFE
83.3%	83.3% #AFB4FE	RVB 175 180 254	#AFB4FE
100.0%	100.0% #C7CAFE	RVB 199 202 254	#C7CAFE

#3C48FE #535DFE #6A73FE #8189FE #989EFE #AFB4FE #C7CAFE

#3C48FE - #C7CAFE

Mélange HSV

#3C48FE - #C7CAFE | 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 #3C48FE 0% et #C7CAFE 100%.

0.0%	0.0% #3C47FE	RVB 60 71 254	#3C47FE
16.7%	16.7% #535DFE	RVB 83 93 254	#535DFE
33.3%	33.3% #6A73FE	RVB 106 115 254	#6A73FE
50.0%	50.0% #8188FE	RVB 129 136 254	#8188FE
66.7%	66.7% #989EFE	RVB 152 158 254	#989EFE
83.3%	83.3% #AFB4FE	RVB 175 180 254	#AFB4FE
100.0%	100.0% #C7CAFE	RVB 199 202 254	#C7CAFE

#3C47FE #535DFE #6A73FE #8188FE #989EFE #AFB4FE #C7CAFE

#3C48FE - #8188FE - #C7CAFE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C47FE 0%, #8188FE 50%, #C7CAFE 100%);
    background: -webkit-linear-gradient(top, #3C47FE 0%, #8188FE 50%, #C7CAFE 100%);
    background: linear-gradient(to bottom, #3C47FE 0%, #8188FE 50%, #C7CAFE 100%);
}
</style>