#A848FE - #E6CAFE | 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 #A848FE à #E6CAFE

#A848FE #E6CAFE

Calculez la couleur entre deux couleurs, #A848FE et #E6CAFE. 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)

#A848FE - #E6CAFE | 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 #A848FE 0% et #E6CAFE 100%.

0.0%	0.0% #A848FE	RVB 168 72 254	#A848FE
16.7%	16.7% #B25DFE	RVB 178 93 254	#B25DFE
33.3%	33.3% #BC73FE	RVB 188 115 254	#BC73FE
50.0%	50.0% #C789FE	RVB 199 137 254	#C789FE
66.7%	66.7% #D19EFE	RVB 209 158 254	#D19EFE
83.3%	83.3% #DBB4FE	RVB 219 180 254	#DBB4FE
100.0%	100.0% #E6CAFE	RVB 230 202 254	#E6CAFE

#A848FE #B25DFE #BC73FE #C789FE #D19EFE #DBB4FE #E6CAFE

#A848FE - #E6CAFE

Mélange HSV

#A848FE - #E6CAFE | 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 #A848FE 0% et #E6CAFE 100%.

0.0%	0.0% #A848FE	RVB 168 72 254	#A848FE
16.7%	16.7% #B25DFE	RVB 178 93 254	#B25DFE
33.3%	33.3% #BC73FE	RVB 188 115 254	#BC73FE
50.0%	50.0% #C789FE	RVB 199 137 254	#C789FE
66.7%	66.7% #D19EFE	RVB 209 158 254	#D19EFE
83.3%	83.3% #DBB4FE	RVB 219 180 254	#DBB4FE
100.0%	100.0% #E6CAFE	RVB 230 202 254	#E6CAFE

#A848FE #B25DFE #BC73FE #C789FE #D19EFE #DBB4FE #E6CAFE

#A848FE - #C789FE - #E6CAFE

Codes CSS

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

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