#0D3E5E - #B9C7D1 | 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 #0D3E5E à #B9C7D1

#0D3E5E #B9C7D1

Calculez la couleur entre deux couleurs, #0D3E5E et #B9C7D1. 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)

#0D3E5E - #B9C7D1 | 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 #0D3E5E 0% et #B9C7D1 100%.

0.0%	0.0% #0D3E5E	RVB 13 62 94	#0D3E5E
16.7%	16.7% #295471	RVB 41 84 113	#295471
33.3%	33.3% #466B84	RVB 70 107 132	#466B84
50.0%	50.0% #638297	RVB 99 130 151	#638297
66.7%	66.7% #7F99AA	RVB 127 153 170	#7F99AA
83.3%	83.3% #9CB0BD	RVB 156 176 189	#9CB0BD
100.0%	100.0% #B9C7D1	RVB 185 199 209	#B9C7D1

#0D3E5E #295471 #466B84 #638297 #7F99AA #9CB0BD #B9C7D1

#0D3E5E - #B9C7D1

Mélange HSV

#0D3E5E - #B9C7D1 | 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 #0D3E5E 0% et #B9C7D1 100%.

0.0%	0.0% #0C3D5E	RVB 12 61 94	#0C3D5E
16.7%	16.7% #1D4F71	RVB 29 79 113	#1D4F71
33.3%	33.3% #336384	RVB 51 99 132	#336384
50.0%	50.0% #4D7997	RVB 77 121 151	#4D7997
66.7%	66.7% #6C91AA	RVB 108 145 170	#6C91AA
83.3%	83.3% #90ABBD	RVB 144 171 189	#90ABBD
100.0%	100.0% #B9C7D1	RVB 185 199 209	#B9C7D1

#0C3D5E #1D4F71 #336384 #4D7997 #6C91AA #90ABBD #B9C7D1

#0D3E5E - #4D7997 - #B9C7D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C3D5E 0%, #4D7997 50%, #B9C7D1 100%);
    background: -webkit-linear-gradient(top, #0C3D5E 0%, #4D7997 50%, #B9C7D1 100%);
    background: linear-gradient(to bottom, #0C3D5E 0%, #4D7997 50%, #B9C7D1 100%);
}
</style>