#2D2D2D - #8C6591 | 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 #2D2D2D to #8C6591

#2D2D2D #8C6591

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

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3C363D	RGB 60 54 61	#3C363D
33.3%	33.3% #4C3F4E	RGB 76 63 78	#4C3F4E
50.0%	50.0% #5C495F	RGB 92 73 95	#5C495F
66.7%	66.7% #6C526F	RGB 108 82 111	#6C526F
83.3%	83.3% #7C5B80	RGB 124 91 128	#7C5B80
100.0%	100.0% #8C6591	RGB 140 101 145	#8C6591

#2D2D2D #3C363D #4C3F4E #5C495F #6C526F #7C5B80 #8C6591

#2D2D2D - #8C6591

HSV Blend

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3A3B	RGB 61 58 59	#3D3A3B
33.3%	33.3% #4E4649	RGB 78 70 73	#4E4649
50.0%	50.0% #5F5058	RGB 95 80 88	#5F5058
66.7%	66.7% #6F5969	RGB 111 89 105	#6F5969
83.3%	83.3% #805F7D	RGB 128 95 125	#805F7D
100.0%	100.0% #8C6591	RGB 140 101 145	#8C6591

#2D2D2D #3D3A3B #4E4649 #5F5058 #6F5969 #805F7D #8C6591

#2D2D2D - #5F5058 - #8C6591

CSS codes

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

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