#3E5E4D - #201D1E | 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 #3E5E4D à #201D1E

#3E5E4D #201D1E

Calculez la couleur entre deux couleurs, #3E5E4D et #201D1E. 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)

#3E5E4D - #201D1E | 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 #3E5E4D 0% et #201D1E 100%.

0.0%	0.0% #3E5E4D	RVB 62 94 77	#3E5E4D
16.7%	16.7% #395345	RVB 57 83 69	#395345
33.3%	33.3% #34483D	RVB 52 72 61	#34483D
50.0%	50.0% #2F3D35	RVB 47 61 53	#2F3D35
66.7%	66.7% #2A322D	RVB 42 50 45	#2A322D
83.3%	83.3% #252725	RVB 37 39 37	#252725
100.0%	100.0% #201D1E	RVB 32 29 30	#201D1E

#3E5E4D #395345 #34483D #2F3D35 #2A322D #252725 #201D1E

#3E5E4D - #201D1E

Mélange HSV

#3E5E4D - #201D1E | 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 #3E5E4D 0% et #201D1E 100%.

0.0%	0.0% #3E5E4D	RVB 62 94 77	#3E5E4D
16.7%	16.7% #3A533A	RVB 58 83 58	#3A533A
33.3%	33.3% #3F4936	RVB 63 73 54	#3F4936
50.0%	50.0% #3E3F31	RVB 62 63 49	#3E3F31
66.7%	66.7% #34302B	RVB 52 48 43	#34302B
83.3%	83.3% #2A2524	RVB 42 37 36	#2A2524
100.0%	100.0% #201D1E	RVB 32 29 30	#201D1E

#3E5E4D #3A533A #3F4936 #3E3F31 #34302B #2A2524 #201D1E

#3E5E4D - #3E3F31 - #201D1E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4D 0%, #3E3F31 50%, #201D1E 100%);
    background: -webkit-linear-gradient(top, #3E5E4D 0%, #3E3F31 50%, #201D1E 100%);
    background: linear-gradient(to bottom, #3E5E4D 0%, #3E3F31 50%, #201D1E 100%);
}
</style>