#2B2A2A - #8C7162 | 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 #2B2A2A to #8C7162

#2B2A2A #8C7162

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

#2B2A2A - #8C7162 | 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 #2B2A2A as 0% and #8C7162 as 100%.

0.0%	0.0% #2B2A2A	RGB 43 42 42	#2B2A2A
16.7%	16.7% #3B3533	RGB 59 53 51	#3B3533
33.3%	33.3% #4B413C	RGB 75 65 60	#4B413C
50.0%	50.0% #5B4D46	RGB 91 77 70	#5B4D46
66.7%	66.7% #6B594F	RGB 107 89 79	#6B594F
83.3%	83.3% #7B6558	RGB 123 101 88	#7B6558
100.0%	100.0% #8C7162	RGB 140 113 98	#8C7162

#2B2A2A #3B3533 #4B413C #5B4D46 #6B594F #7B6558 #8C7162

#2B2A2A - #8C7162

HSV Blend

#2B2A2A - #8C7162 | 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 #2B2A2A as 0% and #8C7162 as 100%.

0.0%	0.0% #2B2A2A	RGB 43 42 42	#2B2A2A
16.7%	16.7% #3B3737	RGB 59 55 55	#3B3737
33.3%	33.3% #4B4342	RGB 75 67 66	#4B4342
50.0%	50.0% #5B4F4C	RGB 91 79 76	#5B4F4C
66.7%	66.7% #6B5A55	RGB 107 90 85	#6B5A55
83.3%	83.3% #7B655C	RGB 123 101 92	#7B655C
100.0%	100.0% #8C7162	RGB 140 113 98	#8C7162

#2B2A2A #3B3737 #4B4342 #5B4F4C #6B5A55 #7B655C #8C7162

#2B2A2A - #5B4F4C - #8C7162

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2A2A 0%, #5B4F4C 50%, #8C7162 100%);
    background: -webkit-linear-gradient(top, #2B2A2A 0%, #5B4F4C 50%, #8C7162 100%);
    background: linear-gradient(to bottom, #2B2A2A 0%, #5B4F4C 50%, #8C7162 100%);
}
</style>