#DF35D1 - #8F008B | 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 #DF35D1 to #8F008B

#DF35D1 #8F008B

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

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

0.0%	0.0% #DF35D1	RGB 223 53 209	#DF35D1
16.7%	16.7% #D12CC5	RGB 209 44 197	#D12CC5
33.3%	33.3% #C423B9	RGB 196 35 185	#C423B9
50.0%	50.0% #B71AAE	RGB 183 26 174	#B71AAE
66.7%	66.7% #A911A2	RGB 169 17 162	#A911A2
83.3%	83.3% #9C0896	RGB 156 8 150	#9C0896
100.0%	100.0% #8F008B	RGB 143 0 139	#8F008B

#DF35D1 #D12CC5 #C423B9 #B71AAE #A911A2 #9C0896 #8F008B

#DF35D1 - #8F008B

HSV Blend

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

0.0%	0.0% #DF35D1	RGB 223 53 209	#DF35D1
16.7%	16.7% #D129C5	RGB 209 41 197	#D129C5
33.3%	33.3% #C41FB9	RGB 196 31 185	#C41FB9
50.0%	50.0% #B715AE	RGB 183 21 174	#B715AE
66.7%	66.7% #A90DA2	RGB 169 13 162	#A90DA2
83.3%	83.3% #9C0696	RGB 156 6 150	#9C0696
100.0%	100.0% #8F008B	RGB 143 0 139	#8F008B

#DF35D1 #D129C5 #C41FB9 #B715AE #A90DA2 #9C0696 #8F008B

#DF35D1 - #B715AE - #8F008B

CSS codes

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

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