#3C202F - #9B5E59 | 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 #3C202F to #9B5E59

#3C202F #9B5E59

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

#3C202F - #9B5E59 | 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 #3C202F as 0% and #9B5E59 as 100%.

0.0%	0.0% #3C202F	RGB 60 32 47	#3C202F
16.7%	16.7% #4B2A36	RGB 75 42 54	#4B2A36
33.3%	33.3% #5B343D	RGB 91 52 61	#5B343D
50.0%	50.0% #6B3F44	RGB 107 63 68	#6B3F44
66.7%	66.7% #7B494B	RGB 123 73 75	#7B494B
83.3%	83.3% #8B5352	RGB 139 83 82	#8B5352
100.0%	100.0% #9B5E59	RGB 155 94 89	#9B5E59

#3C202F #4B2A36 #5B343D #6B3F44 #7B494B #8B5352 #9B5E59

#3C202F - #9B5E59

HSV Blend

#3C202F - #9B5E59 | 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 #3C202F as 0% and #9B5E59 as 100%.

0.0%	0.0% #3C202F	RGB 60 32 47	#3C202F
16.7%	16.7% #4B2838	RGB 75 40 56	#4B2838
33.3%	33.3% #5B323F	RGB 91 50 63	#5B323F
50.0%	50.0% #6B3B46	RGB 107 59 70	#6B3B46
66.7%	66.7% #7B454C	RGB 123 69 76	#7B454C
83.3%	83.3% #8B4E50	RGB 139 78 80	#8B4E50
100.0%	100.0% #9B5E59	RGB 155 94 89	#9B5E59

#3C202F #4B2838 #5B323F #6B3B46 #7B454C #8B4E50 #9B5E59

#3C202F - #6B3B46 - #9B5E59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C202F 0%, #6B3B46 50%, #9B5E59 100%);
    background: -webkit-linear-gradient(top, #3C202F 0%, #6B3B46 50%, #9B5E59 100%);
    background: linear-gradient(to bottom, #3C202F 0%, #6B3B46 50%, #9B5E59 100%);
}
</style>