#0049A8 - #A8F9DF | 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 #0049A8 à #A8F9DF

#0049A8 #A8F9DF

Calculez la couleur entre deux couleurs, #0049A8 et #A8F9DF. 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)

#0049A8 - #A8F9DF | 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 #0049A8 0% et #A8F9DF 100%.

0.0%	0.0% #0049A8	RVB 0 73 168	#0049A8
16.7%	16.7% #1C66B1	RVB 28 102 177	#1C66B1
33.3%	33.3% #3883BA	RVB 56 131 186	#3883BA
50.0%	50.0% #54A1C3	RVB 84 161 195	#54A1C3
66.7%	66.7% #70BECC	RVB 112 190 204	#70BECC
83.3%	83.3% #8CDBD5	RVB 140 219 213	#8CDBD5
100.0%	100.0% #A8F9DF	RVB 168 249 223	#A8F9DF

#0049A8 #1C66B1 #3883BA #54A1C3 #70BECC #8CDBD5 #A8F9DF

#0049A8 - #A8F9DF

Mélange HSV

#0049A8 - #A8F9DF | 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 #0049A8 0% et #A8F9DF 100%.

0.0%	0.0% #0049A8	RVB 0 73 168	#0049A8
16.7%	16.7% #1472B5	RVB 20 114 181	#1472B5
33.3%	33.3% #2B9AC3	RVB 43 154 195	#2B9AC3
50.0%	50.0% #46BFD0	RVB 70 191 208	#46BFD0
66.7%	66.7% #63DEDA	RVB 99 222 218	#63DEDA
83.3%	83.3% #84EBD9	RVB 132 235 217	#84EBD9
100.0%	100.0% #A8F9DF	RVB 168 249 223	#A8F9DF

#0049A8 #1472B5 #2B9AC3 #46BFD0 #63DEDA #84EBD9 #A8F9DF

#0049A8 - #46BFD0 - #A8F9DF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0049A8 0%, #46BFD0 50%, #A8F9DF 100%);
    background: -webkit-linear-gradient(top, #0049A8 0%, #46BFD0 50%, #A8F9DF 100%);
    background: linear-gradient(to bottom, #0049A8 0%, #46BFD0 50%, #A8F9DF 100%);
}
</style>