#9F9FEC - #E3E3F9 | 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 #9F9FEC à #E3E3F9

#9F9FEC #E3E3F9

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

#9F9FEC - #E3E3F9 | 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 #9F9FEC 0% et #E3E3F9 100%.

0.0%	0.0% #9F9FEC	RVB 159 159 236	#9F9FEC
16.7%	16.7% #AAAAEE	RVB 170 170 238	#AAAAEE
33.3%	33.3% #B5B5F0	RVB 181 181 240	#B5B5F0
50.0%	50.0% #C1C1F2	RVB 193 193 242	#C1C1F2
66.7%	66.7% #CCCCF4	RVB 204 204 244	#CCCCF4
83.3%	83.3% #D7D7F6	RVB 215 215 246	#D7D7F6
100.0%	100.0% #E3E3F9	RVB 227 227 249	#E3E3F9

#9F9FEC #AAAAEE #B5B5F0 #C1C1F2 #CCCCF4 #D7D7F6 #E3E3F9

#9F9FEC - #E3E3F9

Mélange HSV

#9F9FEC - #E3E3F9 | 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 #9F9FEC 0% et #E3E3F9 100%.

0.0%	0.0% #9F9FEC	RVB 159 159 236	#9F9FEC
16.7%	16.7% #A9A9EE	RVB 169 169 238	#A9A9EE
33.3%	33.3% #B4B4F0	RVB 180 180 240	#B4B4F0
50.0%	50.0% #C0C0F2	RVB 192 192 242	#C0C0F2
66.7%	66.7% #CBCBF4	RVB 203 203 244	#CBCBF4
83.3%	83.3% #D7D7F6	RVB 215 215 246	#D7D7F6
100.0%	100.0% #E3E3F9	RVB 227 227 249	#E3E3F9

#9F9FEC #A9A9EE #B4B4F0 #C0C0F2 #CBCBF4 #D7D7F6 #E3E3F9

#9F9FEC - #C0C0F2 - #E3E3F9

Codes CSS

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

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