#DA8CD8 - #8C2E96 | 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 #DA8CD8 to #8C2E96

#DA8CD8 #8C2E96

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

#DA8CD8 - #8C2E96 | 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 #DA8CD8 as 0% and #8C2E96 as 100%.

0.0%	0.0% #DA8CD8	RGB 218 140 216	#DA8CD8
16.7%	16.7% #CD7CCD	RGB 205 124 205	#CD7CCD
33.3%	33.3% #C06CC2	RGB 192 108 194	#C06CC2
50.0%	50.0% #B35DB7	RGB 179 93 183	#B35DB7
66.7%	66.7% #A64DAC	RGB 166 77 172	#A64DAC
83.3%	83.3% #993DA1	RGB 153 61 161	#993DA1
100.0%	100.0% #8C2E96	RGB 140 46 150	#8C2E96

#DA8CD8 #CD7CCD #C06CC2 #B35DB7 #A64DAC #993DA1 #8C2E96

#DA8CD8 - #8C2E96

HSV Blend

#DA8CD8 - #8C2E96 | 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 #DA8CD8 as 0% and #8C2E96 as 100%.

0.0%	0.0% #DA8CD8	RGB 218 140 216	#DA8CD8
16.7%	16.7% #CE79CE	RGB 206 121 206	#CE79CE
33.3%	33.3% #C167C3	RGB 193 103 195	#C167C3
50.0%	50.0% #B457B8	RGB 180 87 184	#B457B8
66.7%	66.7% #A748AC	RGB 167 72 172	#A748AC
83.3%	83.3% #993AA1	RGB 153 58 161	#993AA1
100.0%	100.0% #8C2E96	RGB 140 46 150	#8C2E96

#DA8CD8 #CE79CE #C167C3 #B457B8 #A748AC #993AA1 #8C2E96

#DA8CD8 - #B457B8 - #8C2E96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DA8CD8 0%, #B457B8 50%, #8C2E96 100%);
    background: -webkit-linear-gradient(top, #DA8CD8 0%, #B457B8 50%, #8C2E96 100%);
    background: linear-gradient(to bottom, #DA8CD8 0%, #B457B8 50%, #8C2E96 100%);
}
</style>