#D35EC7 - #97007B | 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 #D35EC7 to #97007B

#D35EC7 #97007B

Calculate the color between two colors, #D35EC7 and #97007B. 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)

#D35EC7 - #97007B | 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 #D35EC7 as 0% and #97007B as 100%.

0.0%	0.0% #D35EC7	RGB 211 94 199	#D35EC7
16.7%	16.7% #C94EBA	RGB 201 78 186	#C94EBA
33.3%	33.3% #BF3EAD	RGB 191 62 173	#BF3EAD
50.0%	50.0% #B52FA1	RGB 181 47 161	#B52FA1
66.7%	66.7% #AB1F94	RGB 171 31 148	#AB1F94
83.3%	83.3% #A10F87	RGB 161 15 135	#A10F87
100.0%	100.0% #97007B	RGB 151 0 123	#97007B

#D35EC7 #C94EBA #BF3EAD #B52FA1 #AB1F94 #A10F87 #97007B

#D35EC7 - #97007B

HSV Blend

#D35EC7 - #97007B | 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 #D35EC7 as 0% and #97007B as 100%.

0.0%	0.0% #D35DC7	RGB 211 93 199	#D35DC7
16.7%	16.7% #C94ABA	RGB 201 74 186	#C94ABA
33.3%	33.3% #BF38AD	RGB 191 56 173	#BF38AD
50.0%	50.0% #B528A0	RGB 181 40 160	#B528A0
66.7%	66.7% #AB1994	RGB 171 25 148	#AB1994
83.3%	83.3% #A10B87	RGB 161 11 135	#A10B87
100.0%	100.0% #97007B	RGB 151 0 123	#97007B

#D35DC7 #C94ABA #BF38AD #B528A0 #AB1994 #A10B87 #97007B

#D35EC7 - #B528A0 - #97007B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D35DC7 0%, #B528A0 50%, #97007B 100%);
    background: -webkit-linear-gradient(top, #D35DC7 0%, #B528A0 50%, #97007B 100%);
    background: linear-gradient(to bottom, #D35DC7 0%, #B528A0 50%, #97007B 100%);
}
</style>