#073C5E - #588DA2 | 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 #073C5E à #588DA2

#073C5E #588DA2

Calculez la couleur entre deux couleurs, #073C5E et #588DA2. 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)

#073C5E - #588DA2 | 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 #073C5E 0% et #588DA2 100%.

0.0%	0.0% #073C5E	RVB 7 60 94	#073C5E
16.7%	16.7% #144969	RVB 20 73 105	#144969
33.3%	33.3% #225774	RVB 34 87 116	#225774
50.0%	50.0% #2F6480	RVB 47 100 128	#2F6480
66.7%	66.7% #3D728B	RVB 61 114 139	#3D728B
83.3%	83.3% #4A7F96	RVB 74 127 150	#4A7F96
100.0%	100.0% #588DA2	RVB 88 141 162	#588DA2

#073C5E #144969 #225774 #2F6480 #3D728B #4A7F96 #588DA2

#073C5E - #588DA2

Mélange HSV

#073C5E - #588DA2 | 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 #073C5E 0% et #588DA2 100%.

0.0%	0.0% #063B5E	RVB 6 59 94	#063B5E
16.7%	16.7% #104869	RVB 16 72 105	#104869
33.3%	33.3% #1A5474	RVB 26 84 116	#1A5474
50.0%	50.0% #276280	RVB 39 98 128	#276280
66.7%	66.7% #35708B	RVB 53 112 139	#35708B
83.3%	83.3% #467E96	RVB 70 126 150	#467E96
100.0%	100.0% #588DA2	RVB 88 141 162	#588DA2

#063B5E #104869 #1A5474 #276280 #35708B #467E96 #588DA2

#073C5E - #276280 - #588DA2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #063B5E 0%, #276280 50%, #588DA2 100%);
    background: -webkit-linear-gradient(top, #063B5E 0%, #276280 50%, #588DA2 100%);
    background: linear-gradient(to bottom, #063B5E 0%, #276280 50%, #588DA2 100%);
}
</style>