#5E5EBA - #182162 | 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 #5E5EBA à #182162

#5E5EBA #182162

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

#5E5EBA - #182162 | 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 #5E5EBA 0% et #182162 100%.

0.0%	0.0% #5E5EBA	RVB 94 94 186	#5E5EBA
16.7%	16.7% #5253AB	RVB 82 83 171	#5253AB
33.3%	33.3% #46499C	RVB 70 73 156	#46499C
50.0%	50.0% #3B3F8E	RVB 59 63 142	#3B3F8E
66.7%	66.7% #2F357F	RVB 47 53 127	#2F357F
83.3%	83.3% #232B70	RVB 35 43 112	#232B70
100.0%	100.0% #182162	RVB 24 33 98	#182162

#5E5EBA #5253AB #46499C #3B3F8E #2F357F #232B70 #182162

#5E5EBA - #182162

Mélange HSV

#5E5EBA - #182162 | 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 #5E5EBA 0% et #182162 100%.

0.0%	0.0% #5E5EBA	RVB 94 94 186	#5E5EBA
16.7%	16.7% #4F51AB	RVB 79 81 171	#4F51AB
33.3%	33.3% #41459C	RVB 65 69 156	#41459C
50.0%	50.0% #353A8E	RVB 53 58 142	#353A8E
66.7%	66.7% #2A317F	RVB 42 49 127	#2A317F
83.3%	83.3% #202870	RVB 32 40 112	#202870
100.0%	100.0% #182162	RVB 24 33 98	#182162

#5E5EBA #4F51AB #41459C #353A8E #2A317F #202870 #182162

#5E5EBA - #353A8E - #182162

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EBA 0%, #353A8E 50%, #182162 100%);
    background: -webkit-linear-gradient(top, #5E5EBA 0%, #353A8E 50%, #182162 100%);
    background: linear-gradient(to bottom, #5E5EBA 0%, #353A8E 50%, #182162 100%);
}
</style>