#002B5E - #B6C2D1 | 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 #002B5E à #B6C2D1

#002B5E #B6C2D1

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

#002B5E - #B6C2D1 | 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 #002B5E 0% et #B6C2D1 100%.

0.0%	0.0% #002B5E	RVB 0 43 94	#002B5E
16.7%	16.7% #1E4471	RVB 30 68 113	#1E4471
33.3%	33.3% #3C5D84	RVB 60 93 132	#3C5D84
50.0%	50.0% #5B7697	RVB 91 118 151	#5B7697
66.7%	66.7% #798FAA	RVB 121 143 170	#798FAA
83.3%	83.3% #97A8BD	RVB 151 168 189	#97A8BD
100.0%	100.0% #B6C2D1	RVB 182 194 209	#B6C2D1

#002B5E #1E4471 #3C5D84 #5B7697 #798FAA #97A8BD #B6C2D1

#002B5E - #B6C2D1

Mélange HSV

#002B5E - #B6C2D1 | 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 #002B5E 0% et #B6C2D1 100%.

0.0%	0.0% #002A5E	RVB 0 42 94	#002A5E
16.7%	16.7% #103C71	RVB 16 60 113	#103C71
33.3%	33.3% #265084	RVB 38 80 132	#265084
50.0%	50.0% #416897	RVB 65 104 151	#416897
66.7%	66.7% #6383AA	RVB 99 131 170	#6383AA
83.3%	83.3% #89A1BD	RVB 137 161 189	#89A1BD
100.0%	100.0% #B6C2D1	RVB 182 194 209	#B6C2D1

#002A5E #103C71 #265084 #416897 #6383AA #89A1BD #B6C2D1

#002B5E - #416897 - #B6C2D1

Codes CSS

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

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