#2B5E5D - #003926 | 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 #2B5E5D à #003926

#2B5E5D #003926

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

#2B5E5D - #003926 | 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 #2B5E5D 0% et #003926 100%.

0.0%	0.0% #2B5E5D	RVB 43 94 93	#2B5E5D
16.7%	16.7% #235753	RVB 35 87 83	#235753
33.3%	33.3% #1C514A	RVB 28 81 74	#1C514A
50.0%	50.0% #154B41	RVB 21 75 65	#154B41
66.7%	66.7% #0E4538	RVB 14 69 56	#0E4538
83.3%	83.3% #073F2F	RVB 7 63 47	#073F2F
100.0%	100.0% #003926	RVB 0 57 38	#003926

#2B5E5D #235753 #1C514A #154B41 #0E4538 #073F2F #003926

#2B5E5D - #003926

Mélange HSV

#2B5E5D - #003926 | 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 #2B5E5D 0% et #003926 100%.

0.0%	0.0% #2B5E5D	RVB 43 94 93	#2B5E5D
16.7%	16.7% #215753	RVB 33 87 83	#215753
33.3%	33.3% #18514A	RVB 24 81 74	#18514A
50.0%	50.0% #114B41	RVB 17 75 65	#114B41
66.7%	66.7% #0A4537	RVB 10 69 55	#0A4537
83.3%	83.3% #043F2E	RVB 4 63 46	#043F2E
100.0%	100.0% #003926	RVB 0 57 38	#003926

#2B5E5D #215753 #18514A #114B41 #0A4537 #043F2E #003926

#2B5E5D - #114B41 - #003926

Codes CSS

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

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