#3C3E3C - #093402 | 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 #3C3E3C to #093402

#3C3E3C #093402

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

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #333C32	RGB 51 60 50	#333C32
33.3%	33.3% #2B3A28	RGB 43 58 40	#2B3A28
50.0%	50.0% #22391F	RGB 34 57 31	#22391F
66.7%	66.7% #1A3715	RGB 26 55 21	#1A3715
83.3%	83.3% #11350B	RGB 17 53 11	#11350B
100.0%	100.0% #093402	RGB 9 52 2	#093402

#3C3E3C #333C32 #2B3A28 #22391F #1A3715 #11350B #093402

#3C3E3C - #093402

HSV Blend

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #313C31	RGB 49 60 49	#313C31
33.3%	33.3% #273A26	RGB 39 58 38	#273A26
50.0%	50.0% #1E391C	RGB 30 57 28	#1E391C
66.7%	66.7% #163713	RGB 22 55 19	#163713
83.3%	83.3% #0F350A	RGB 15 53 10	#0F350A
100.0%	100.0% #093402	RGB 9 52 2	#093402

#3C3E3C #313C31 #273A26 #1E391C #163713 #0F350A #093402

#3C3E3C - #1E391C - #093402

CSS codes

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

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