#9F80EB - #A8ACF0 | 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 #9F80EB à #A8ACF0

#9F80EB #A8ACF0

Calculez la couleur entre deux couleurs, #9F80EB et #A8ACF0. 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)

#9F80EB - #A8ACF0 | 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 #9F80EB 0% et #A8ACF0 100%.

0.0%	0.0% #9F80EB	RVB 159 128 235	#9F80EB
16.7%	16.7% #A087EB	RVB 160 135 235	#A087EB
33.3%	33.3% #A28EEC	RVB 162 142 236	#A28EEC
50.0%	50.0% #A396ED	RVB 163 150 237	#A396ED
66.7%	66.7% #A59DEE	RVB 165 157 238	#A59DEE
83.3%	83.3% #A6A4EF	RVB 166 164 239	#A6A4EF
100.0%	100.0% #A8ACF0	RVB 168 172 240	#A8ACF0

#9F80EB #A087EB #A28EEC #A396ED #A59DEE #A6A4EF #A8ACF0

#9F80EB - #A8ACF0

Mélange HSV

#9F80EB - #A8ACF0 | 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 #9F80EB 0% et #A8ACF0 100%.

0.0%	0.0% #9E80EB	RVB 158 128 235	#9E80EB
16.7%	16.7% #9E86EB	RVB 158 134 235	#9E86EB
33.3%	33.3% #9D8DEC	RVB 157 141 236	#9D8DEC
50.0%	50.0% #9E93ED	RVB 158 147 237	#9E93ED
66.7%	66.7% #9F9AEE	RVB 159 154 238	#9F9AEE
83.3%	83.3% #A1A1EF	RVB 161 161 239	#A1A1EF
100.0%	100.0% #A8ACF0	RVB 168 172 240	#A8ACF0

#9E80EB #9E86EB #9D8DEC #9E93ED #9F9AEE #A1A1EF #A8ACF0

#9F80EB - #9E93ED - #A8ACF0

Codes CSS

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

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