#062B5E - #B7C2D1 | 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 #062B5E à #B7C2D1

#062B5E #B7C2D1

Calculez la couleur entre deux couleurs, #062B5E et #B7C2D1. 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)

#062B5E - #B7C2D1 | 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 #062B5E 0% et #B7C2D1 100%.

0.0%	0.0% #062B5E	RVB 6 43 94	#062B5E
16.7%	16.7% #234471	RVB 35 68 113	#234471
33.3%	33.3% #415D84	RVB 65 93 132	#415D84
50.0%	50.0% #5E7697	RVB 94 118 151	#5E7697
66.7%	66.7% #7C8FAA	RVB 124 143 170	#7C8FAA
83.3%	83.3% #99A8BD	RVB 153 168 189	#99A8BD
100.0%	100.0% #B7C2D1	RVB 183 194 209	#B7C2D1

#062B5E #234471 #415D84 #5E7697 #7C8FAA #99A8BD #B7C2D1

#062B5E - #B7C2D1

Mélange HSV

#062B5E - #B7C2D1 | 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 #062B5E 0% et #B7C2D1 100%.

0.0%	0.0% #052A5E	RVB 5 42 94	#052A5E
16.7%	16.7% #163C71	RVB 22 60 113	#163C71
33.3%	33.3% #2C5184	RVB 44 81 132	#2C5184
50.0%	50.0% #476997	RVB 71 105 151	#476997
66.7%	66.7% #6783AA	RVB 103 131 170	#6783AA
83.3%	83.3% #8CA1BD	RVB 140 161 189	#8CA1BD
100.0%	100.0% #B7C2D1	RVB 183 194 209	#B7C2D1

#052A5E #163C71 #2C5184 #476997 #6783AA #8CA1BD #B7C2D1

#062B5E - #476997 - #B7C2D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #052A5E 0%, #476997 50%, #B7C2D1 100%);
    background: -webkit-linear-gradient(top, #052A5E 0%, #476997 50%, #B7C2D1 100%);
    background: linear-gradient(to bottom, #052A5E 0%, #476997 50%, #B7C2D1 100%);
}
</style>