#3D3E3C - #183402 | 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 #3D3E3C to #183402

#3D3E3C #183402

Calculate the color between two colors, #3D3E3C and #183402. 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)

#3D3E3C - #183402 | 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 #3D3E3C as 0% and #183402 as 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #363C32	RGB 54 60 50	#363C32
33.3%	33.3% #303A28	RGB 48 58 40	#303A28
50.0%	50.0% #2A391F	RGB 42 57 31	#2A391F
66.7%	66.7% #243715	RGB 36 55 21	#243715
83.3%	83.3% #1E350B	RGB 30 53 11	#1E350B
100.0%	100.0% #183402	RGB 24 52 2	#183402

#3D3E3C #363C32 #303A28 #2A391F #243715 #1E350B #183402

#3D3E3C - #183402

HSV Blend

#3D3E3C - #183402 | 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 #3D3E3C as 0% and #183402 as 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #363C31	RGB 54 60 49	#363C31
33.3%	33.3% #303A26	RGB 48 58 38	#303A26
50.0%	50.0% #29391C	RGB 41 57 28	#29391C
66.7%	66.7% #233713	RGB 35 55 19	#233713
83.3%	83.3% #1D350A	RGB 29 53 10	#1D350A
100.0%	100.0% #183402	RGB 24 52 2	#183402

#3D3E3C #363C31 #303A26 #29391C #233713 #1D350A #183402

#3D3E3C - #29391C - #183402

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3E3C 0%, #29391C 50%, #183402 100%);
    background: -webkit-linear-gradient(top, #3D3E3C 0%, #29391C 50%, #183402 100%);
    background: linear-gradient(to bottom, #3D3E3C 0%, #29391C 50%, #183402 100%);
}
</style>