#341920 - #8A5145 | 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 #341920 to #8A5145

#341920 #8A5145

Calculate the color between two colors, #341920 and #8A5145. 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)

#341920 - #8A5145 | 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 #341920 as 0% and #8A5145 as 100%.

0.0%	0.0% #341920	RGB 52 25 32	#341920
16.7%	16.7% #422226	RGB 66 34 38	#422226
33.3%	33.3% #502B2C	RGB 80 43 44	#502B2C
50.0%	50.0% #5F3532	RGB 95 53 50	#5F3532
66.7%	66.7% #6D3E38	RGB 109 62 56	#6D3E38
83.3%	83.3% #7B473E	RGB 123 71 62	#7B473E
100.0%	100.0% #8A5145	RGB 138 81 69	#8A5145

#341920 #422226 #502B2C #5F3532 #6D3E38 #7B473E #8A5145

#341920 - #8A5145

HSV Blend

#341920 - #8A5145 | 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 #341920 as 0% and #8A5145 as 100%.

0.0%	0.0% #34191F	RGB 52 25 31	#34191F
16.7%	16.7% #422026	RGB 66 32 38	#422026
33.3%	33.3% #50272C	RGB 80 39 44	#50272C
50.0%	50.0% #5F2E30	RGB 95 46 48	#5F2E30
66.7%	66.7% #6D3735	RGB 109 55 53	#6D3735
83.3%	83.3% #7B433D	RGB 123 67 61	#7B433D
100.0%	100.0% #8A5145	RGB 138 81 69	#8A5145

#34191F #422026 #50272C #5F2E30 #6D3735 #7B433D #8A5145

#341920 - #5F2E30 - #8A5145

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34191F 0%, #5F2E30 50%, #8A5145 100%);
    background: -webkit-linear-gradient(top, #34191F 0%, #5F2E30 50%, #8A5145 100%);
    background: linear-gradient(to bottom, #34191F 0%, #5F2E30 50%, #8A5145 100%);
}
</style>