#2D3E3C - #00261B | 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 #2D3E3C à #00261B

#2D3E3C #00261B

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

#2D3E3C - #00261B | 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 #2D3E3C 0% et #00261B 100%.

0.0%	0.0% #2D3E3C	RVB 45 62 60	#2D3E3C
16.7%	16.7% #253A36	RVB 37 58 54	#253A36
33.3%	33.3% #1E3631	RVB 30 54 49	#1E3631
50.0%	50.0% #16322B	RVB 22 50 43	#16322B
66.7%	66.7% #0E2E26	RVB 14 46 38	#0E2E26
83.3%	83.3% #072A20	RVB 7 42 32	#072A20
100.0%	100.0% #00261B	RVB 0 38 27	#00261B

#2D3E3C #253A36 #1E3631 #16322B #0E2E26 #072A20 #00261B

#2D3E3C - #00261B

Mélange HSV

#2D3E3C - #00261B | 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 #2D3E3C 0% et #00261B 100%.

0.0%	0.0% #2D3E3C	RVB 45 62 60	#2D3E3C
16.7%	16.7% #233A36	RVB 35 58 54	#233A36
33.3%	33.3% #1A3631	RVB 26 54 49	#1A3631
50.0%	50.0% #12322B	RVB 18 50 43	#12322B
66.7%	66.7% #0B2E25	RVB 11 46 37	#0B2E25
83.3%	83.3% #052A20	RVB 5 42 32	#052A20
100.0%	100.0% #00261B	RVB 0 38 27	#00261B

#2D3E3C #233A36 #1A3631 #12322B #0B2E25 #052A20 #00261B

#2D3E3C - #12322B - #00261B

Codes CSS

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

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