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

#A848FE #E1B7FF

Calculez la couleur entre deux couleurs, #A848FE et #E1B7FF. 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 - #E1B7FF | 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 #E1B7FF 100%.

0.0%	0.0% #A848FE	RVB 168 72 254	#A848FE
16.7%	16.7% #B15AFE	RVB 177 90 254	#B15AFE
33.3%	33.3% #BB6DFE	RVB 187 109 254	#BB6DFE
50.0%	50.0% #C47FFE	RVB 196 127 254	#C47FFE
66.7%	66.7% #CE92FE	RVB 206 146 254	#CE92FE
83.3%	83.3% #D7A4FE	RVB 215 164 254	#D7A4FE
100.0%	100.0% #E1B7FF	RVB 225 183 255	#E1B7FF

#A848FE #B15AFE #BB6DFE #C47FFE #CE92FE #D7A4FE #E1B7FF

#A848FE - #E1B7FF

Mélange HSV

#A848FE - #E1B7FF | 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 #E1B7FF 100%.

0.0%	0.0% #A848FE	RVB 168 72 254	#A848FE
16.7%	16.7% #B25AFE	RVB 178 90 254	#B25AFE
33.3%	33.3% #BC6CFE	RVB 188 108 254	#BC6CFE
50.0%	50.0% #C57FFE	RVB 197 127 254	#C57FFE
66.7%	66.7% #CF91FE	RVB 207 145 254	#CF91FE
83.3%	83.3% #D8A4FE	RVB 216 164 254	#D8A4FE
100.0%	100.0% #E1B7FF	RVB 225 183 255	#E1B7FF

#A848FE #B25AFE #BC6CFE #C57FFE #CF91FE #D8A4FE #E1B7FF

#A848FE - #C57FFE - #E1B7FF

Codes CSS

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

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