#3C3E3D - #161A02 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #3C3E3D to #161A02

#3C3E3D #161A02

Calculate the color between two colors, #3C3E3D and #161A02. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#3C3E3D - #161A02 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #3C3E3D as 0% and #161A02 as 100%.

0.0%	0.0% #3C3E3D	RGB 60 62 61	#3C3E3D
16.7%	16.7% #353833	RGB 53 56 51	#353833
33.3%	33.3% #2F3229	RGB 47 50 41	#2F3229
50.0%	50.0% #292C1F	RGB 41 44 31	#292C1F
66.7%	66.7% #222615	RGB 34 38 21	#222615
83.3%	83.3% #1C200B	RGB 28 32 11	#1C200B
100.0%	100.0% #161A02	RGB 22 26 2	#161A02

#3C3E3D #353833 #2F3229 #292C1F #222615 #1C200B #161A02

#3C3E3D - #161A02

HSV Blend

#3C3E3D - #161A02 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #3C3E3D as 0% and #161A02 as 100%.

0.0%	0.0% #3C3E3D	RGB 60 62 61	#3C3E3D
16.7%	16.7% #2D3830	RGB 45 56 48	#2D3830
33.3%	33.3% #213222	RGB 33 50 34	#213222
50.0%	50.0% #1A2C16	RGB 26 44 22	#1A2C16
66.7%	66.7% #17260E	RGB 23 38 14	#17260E
83.3%	83.3% #162007	RGB 22 32 7	#162007
100.0%	100.0% #161A02	RGB 22 26 2	#161A02

#3C3E3D #2D3830 #213222 #1A2C16 #17260E #162007 #161A02

#3C3E3D - #1A2C16 - #161A02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3D 0%, #1A2C16 50%, #161A02 100%);
    background: -webkit-linear-gradient(top, #3C3E3D 0%, #1A2C16 50%, #161A02 100%);
    background: linear-gradient(to bottom, #3C3E3D 0%, #1A2C16 50%, #161A02 100%);
}
</style>