#6D5087 - #2D1232 | 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 #6D5087 to #2D1232

#6D5087 #2D1232

Calculate the color between two colors, #6D5087 and #2D1232. 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)

#6D5087 - #2D1232 | 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 #6D5087 as 0% and #2D1232 as 100%.

0.0%	0.0% #6D5087	RGB 109 80 135	#6D5087
16.7%	16.7% #624578	RGB 98 69 120	#624578
33.3%	33.3% #573B6A	RGB 87 59 106	#573B6A
50.0%	50.0% #4D315C	RGB 77 49 92	#4D315C
66.7%	66.7% #42264E	RGB 66 38 78	#42264E
83.3%	83.3% #371C40	RGB 55 28 64	#371C40
100.0%	100.0% #2D1232	RGB 45 18 50	#2D1232

#6D5087 #624578 #573B6A #4D315C #42264E #371C40 #2D1232

#6D5087 - #2D1232

HSV Blend

#6D5087 - #2D1232 | 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 #6D5087 as 0% and #2D1232 as 100%.

0.0%	0.0% #6D5087	RGB 109 80 135	#6D5087
16.7%	16.7% #624278	RGB 98 66 120	#624278
33.3%	33.3% #57366A	RGB 87 54 106	#57366A
50.0%	50.0% #4D2C5C	RGB 77 44 92	#4D2C5C
66.7%	66.7% #42224E	RGB 66 34 78	#42224E
83.3%	83.3% #381940	RGB 56 25 64	#381940
100.0%	100.0% #2D1232	RGB 45 18 50	#2D1232

#6D5087 #624278 #57366A #4D2C5C #42224E #381940 #2D1232

#6D5087 - #4D2C5C - #2D1232

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5087 0%, #4D2C5C 50%, #2D1232 100%);
    background: -webkit-linear-gradient(top, #6D5087 0%, #4D2C5C 50%, #2D1232 100%);
    background: linear-gradient(to bottom, #6D5087 0%, #4D2C5C 50%, #2D1232 100%);
}
</style>