#0037B5 - #B6C5E9 | 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 #0037B5 à #B6C5E9

#0037B5 #B6C5E9

Calculez la couleur entre deux couleurs, #0037B5 et #B6C5E9. 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)

#0037B5 - #B6C5E9 | 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 #0037B5 0% et #B6C5E9 100%.

0.0%	0.0% #0037B5	RVB 0 55 181	#0037B5
16.7%	16.7% #1E4EBD	RVB 30 78 189	#1E4EBD
33.3%	33.3% #3C66C6	RVB 60 102 198	#3C66C6
50.0%	50.0% #5B7ECF	RVB 91 126 207	#5B7ECF
66.7%	66.7% #7995D7	RVB 121 149 215	#7995D7
83.3%	83.3% #97ADE0	RVB 151 173 224	#97ADE0
100.0%	100.0% #B6C5E9	RVB 182 197 233	#B6C5E9

#0037B5 #1E4EBD #3C66C6 #5B7ECF #7995D7 #97ADE0 #B6C5E9

#0037B5 - #B6C5E9

Mélange HSV

#0037B5 - #B6C5E9 | 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 #0037B5 0% et #B6C5E9 100%.

0.0%	0.0% #0036B5	RVB 0 54 181	#0036B5
16.7%	16.7% #184ABD	RVB 24 74 189	#184ABD
33.3%	33.3% #335FC6	RVB 51 95 198	#335FC6
50.0%	50.0% #5076CF	RVB 80 118 207	#5076CF
66.7%	66.7% #708FD7	RVB 112 143 215	#708FD7
83.3%	83.3% #92A9E0	RVB 146 169 224	#92A9E0
100.0%	100.0% #B6C5E9	RVB 182 197 233	#B6C5E9

#0036B5 #184ABD #335FC6 #5076CF #708FD7 #92A9E0 #B6C5E9

#0037B5 - #5076CF - #B6C5E9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0036B5 0%, #5076CF 50%, #B6C5E9 100%);
    background: -webkit-linear-gradient(top, #0036B5 0%, #5076CF 50%, #B6C5E9 100%);
    background: linear-gradient(to bottom, #0036B5 0%, #5076CF 50%, #B6C5E9 100%);
}
</style>