#2D088D - #8752C7 | 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 #2D088D to #8752C7

#2D088D #8752C7

Calculate the color between two colors, #2D088D and #8752C7. 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)

#2D088D - #8752C7 | 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 #2D088D as 0% and #8752C7 as 100%.

0.0%	0.0% #2D088D	RGB 45 8 141	#2D088D
16.7%	16.7% #3C1496	RGB 60 20 150	#3C1496
33.3%	33.3% #4B20A0	RGB 75 32 160	#4B20A0
50.0%	50.0% #5A2DAA	RGB 90 45 170	#5A2DAA
66.7%	66.7% #6939B3	RGB 105 57 179	#6939B3
83.3%	83.3% #7845BD	RGB 120 69 189	#7845BD
100.0%	100.0% #8752C7	RGB 135 82 199	#8752C7

#2D088D #3C1496 #4B20A0 #5A2DAA #6939B3 #7845BD #8752C7

#2D088D - #8752C7

HSV Blend

#2D088D - #8752C7 | 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 #2D088D as 0% and #8752C7 as 100%.

0.0%	0.0% #2D088D	RGB 45 8 141	#2D088D
16.7%	16.7% #3A1196	RGB 58 17 150	#3A1196
33.3%	33.3% #481CA0	RGB 72 28 160	#481CA0
50.0%	50.0% #5727AA	RGB 87 39 170	#5727AA
66.7%	66.7% #6634B3	RGB 102 52 179	#6634B3
83.3%	83.3% #7642BD	RGB 118 66 189	#7642BD
100.0%	100.0% #8752C7	RGB 135 82 199	#8752C7

#2D088D #3A1196 #481CA0 #5727AA #6634B3 #7642BD #8752C7

#2D088D - #5727AA - #8752C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D088D 0%, #5727AA 50%, #8752C7 100%);
    background: -webkit-linear-gradient(top, #2D088D 0%, #5727AA 50%, #8752C7 100%);
    background: linear-gradient(to bottom, #2D088D 0%, #5727AA 50%, #8752C7 100%);
}
</style>