#021324 - #2D3B5E | 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 #021324 à #2D3B5E

#021324 #2D3B5E

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

#021324 - #2D3B5E | 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 #021324 0% et #2D3B5E 100%.

0.0%	0.0% #021324	RVB 2 19 36	#021324
16.7%	16.7% #09192D	RVB 9 25 45	#09192D
33.3%	33.3% #102037	RVB 16 32 55	#102037
50.0%	50.0% #172741	RVB 23 39 65	#172741
66.7%	66.7% #1E2D4A	RVB 30 45 74	#1E2D4A
83.3%	83.3% #253454	RVB 37 52 84	#253454
100.0%	100.0% #2D3B5E	RVB 45 59 94	#2D3B5E

#021324 #09192D #102037 #172741 #1E2D4A #253454 #2D3B5E

#021324 - #2D3B5E

Mélange HSV

#021324 - #2D3B5E | 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 #021324 0% et #2D3B5E 100%.

0.0%	0.0% #021324	RVB 2 19 36	#021324
16.7%	16.7% #05182D	RVB 5 24 45	#05182D
33.3%	33.3% #0A1D37	RVB 10 29 55	#0A1D37
50.0%	50.0% #112441	RVB 17 36 65	#112441
66.7%	66.7% #192A4A	RVB 25 42 74	#192A4A
83.3%	83.3% #223254	RVB 34 50 84	#223254
100.0%	100.0% #2D3B5E	RVB 45 59 94	#2D3B5E

#021324 #05182D #0A1D37 #112441 #192A4A #223254 #2D3B5E

#021324 - #112441 - #2D3B5E

Codes CSS

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

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