#2B5E84 - #1A252E | 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 #2B5E84 à #1A252E

#2B5E84 #1A252E

Calculez la couleur entre deux couleurs, #2B5E84 et #1A252E. 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)

#2B5E84 - #1A252E | 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 #2B5E84 0% et #1A252E 100%.

0.0%	0.0% #2B5E84	RVB 43 94 132	#2B5E84
16.7%	16.7% #285475	RVB 40 84 117	#285475
33.3%	33.3% #254B67	RVB 37 75 103	#254B67
50.0%	50.0% #224159	RVB 34 65 89	#224159
66.7%	66.7% #1F384A	RVB 31 56 74	#1F384A
83.3%	83.3% #1C2E3C	RVB 28 46 60	#1C2E3C
100.0%	100.0% #1A252E	RVB 26 37 46	#1A252E

#2B5E84 #285475 #254B67 #224159 #1F384A #1C2E3C #1A252E

#2B5E84 - #1A252E

Mélange HSV

#2B5E84 - #1A252E | 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 #2B5E84 0% et #1A252E 100%.

0.0%	0.0% #2B5E84	RVB 43 94 132	#2B5E84
16.7%	16.7% #2B5575	RVB 43 85 117	#2B5575
33.3%	33.3% #294C67	RVB 41 76 103	#294C67
50.0%	50.0% #274359	RVB 39 67 89	#274359
66.7%	66.7% #24394A	RVB 36 57 74	#24394A
83.3%	83.3% #1F2F3C	RVB 31 47 60	#1F2F3C
100.0%	100.0% #1A252E	RVB 26 37 46	#1A252E

#2B5E84 #2B5575 #294C67 #274359 #24394A #1F2F3C #1A252E

#2B5E84 - #274359 - #1A252E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E84 0%, #274359 50%, #1A252E 100%);
    background: -webkit-linear-gradient(top, #2B5E84 0%, #274359 50%, #1A252E 100%);
    background: linear-gradient(to bottom, #2B5E84 0%, #274359 50%, #1A252E 100%);
}
</style>