#2D2028 - #8C6058 | 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 #2D2028 to #8C6058

#2D2028 #8C6058

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

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

0.0%	0.0% #2D2028	RGB 45 32 40	#2D2028
16.7%	16.7% #3C2A30	RGB 60 42 48	#3C2A30
33.3%	33.3% #4C3538	RGB 76 53 56	#4C3538
50.0%	50.0% #5C4040	RGB 92 64 64	#5C4040
66.7%	66.7% #6C4A48	RGB 108 74 72	#6C4A48
83.3%	83.3% #7C5550	RGB 124 85 80	#7C5550
100.0%	100.0% #8C6058	RGB 140 96 88	#8C6058

#2D2028 #3C2A30 #4C3538 #5C4040 #6C4A48 #7C5550 #8C6058

#2D2028 - #8C6058

HSV Blend

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

0.0%	0.0% #2D2028	RGB 45 32 40	#2D2028
16.7%	16.7% #3C2A33	RGB 60 42 51	#3C2A33
33.3%	33.3% #4C343D	RGB 76 52 61	#4C343D
50.0%	50.0% #5C3D45	RGB 92 61 69	#5C3D45
66.7%	66.7% #6C474A	RGB 108 71 74	#6C474A
83.3%	83.3% #7C504F	RGB 124 80 79	#7C504F
100.0%	100.0% #8C6058	RGB 140 96 88	#8C6058

#2D2028 #3C2A33 #4C343D #5C3D45 #6C474A #7C504F #8C6058

#2D2028 - #5C3D45 - #8C6058

CSS codes

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

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