#5E5EEC - #14139E | 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 #5E5EEC à #14139E

#5E5EEC #14139E

Calculez la couleur entre deux couleurs, #5E5EEC et #14139E. 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)

#5E5EEC - #14139E | 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 #5E5EEC 0% et #14139E 100%.

0.0%	0.0% #5E5EEC	RVB 94 94 236	#5E5EEC
16.7%	16.7% #5151DF	RVB 81 81 223	#5151DF
33.3%	33.3% #4545D2	RVB 69 69 210	#4545D2
50.0%	50.0% #3938C5	RVB 57 56 197	#3938C5
66.7%	66.7% #2C2CB8	RVB 44 44 184	#2C2CB8
83.3%	83.3% #201FAB	RVB 32 31 171	#201FAB
100.0%	100.0% #14139E	RVB 20 19 158	#14139E

#5E5EEC #5151DF #4545D2 #3938C5 #2C2CB8 #201FAB #14139E

#5E5EEC - #14139E

Mélange HSV

#5E5EEC - #14139E | 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 #5E5EEC 0% et #14139E 100%.

0.0%	0.0% #5E5EEC	RVB 94 94 236	#5E5EEC
16.7%	16.7% #4E4EDF	RVB 78 78 223	#4E4EDF
33.3%	33.3% #4040D2	RVB 64 64 210	#4040D2
50.0%	50.0% #3333C5	RVB 51 51 197	#3333C5
66.7%	66.7% #2727B8	RVB 39 39 184	#2727B8
83.3%	83.3% #1D1CAB	RVB 29 28 171	#1D1CAB
100.0%	100.0% #14139E	RVB 20 19 158	#14139E

#5E5EEC #4E4EDF #4040D2 #3333C5 #2727B8 #1D1CAB #14139E

#5E5EEC - #3333C5 - #14139E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EEC 0%, #3333C5 50%, #14139E 100%);
    background: -webkit-linear-gradient(top, #5E5EEC 0%, #3333C5 50%, #14139E 100%);
    background: linear-gradient(to bottom, #5E5EEC 0%, #3333C5 50%, #14139E 100%);
}
</style>