#3C3E3C - #163F03 | 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 #3C3E3C à #163F03

#3C3E3C #163F03

Calculez la couleur entre deux couleurs, #3C3E3C et #163F03. 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)

#3C3E3C - #163F03 | 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 #3C3E3C 0% et #163F03 100%.

0.0%	0.0% #3C3E3C	RVB 60 62 60	#3C3E3C
16.7%	16.7% #353E32	RVB 53 62 50	#353E32
33.3%	33.3% #2F3E29	RVB 47 62 41	#2F3E29
50.0%	50.0% #293E1F	RVB 41 62 31	#293E1F
66.7%	66.7% #223E16	RVB 34 62 22	#223E16
83.3%	83.3% #1C3E0C	RVB 28 62 12	#1C3E0C
100.0%	100.0% #163F03	RVB 22 63 3	#163F03

#3C3E3C #353E32 #2F3E29 #293E1F #223E16 #1C3E0C #163F03

#3C3E3C - #163F03

Mélange HSV

#3C3E3C - #163F03 | 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 #3C3E3C 0% et #163F03 100%.

0.0%	0.0% #3C3E3C	RVB 60 62 60	#3C3E3C
16.7%	16.7% #333E32	RVB 51 62 50	#333E32
33.3%	33.3% #2B3E29	RVB 43 62 41	#2B3E29
50.0%	50.0% #243E1F	RVB 36 62 31	#243E1F
66.7%	66.7% #1E3E16	RVB 30 62 22	#1E3E16
83.3%	83.3% #193E0C	RVB 25 62 12	#193E0C
100.0%	100.0% #163F03	RVB 22 63 3	#163F03

#3C3E3C #333E32 #2B3E29 #243E1F #1E3E16 #193E0C #163F03

#3C3E3C - #243E1F - #163F03

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3C 0%, #243E1F 50%, #163F03 100%);
    background: -webkit-linear-gradient(top, #3C3E3C 0%, #243E1F 50%, #163F03 100%);
    background: linear-gradient(to bottom, #3C3E3C 0%, #243E1F 50%, #163F03 100%);
}
</style>