#D66FC7 - #8C0A7B | 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 #D66FC7 to #8C0A7B

#D66FC7 #8C0A7B

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

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

0.0%	0.0% #D66FC7	RGB 214 111 199	#D66FC7
16.7%	16.7% #C95EBA	RGB 201 94 186	#C95EBA
33.3%	33.3% #BD4DAD	RGB 189 77 173	#BD4DAD
50.0%	50.0% #B13CA1	RGB 177 60 161	#B13CA1
66.7%	66.7% #A42B94	RGB 164 43 148	#A42B94
83.3%	83.3% #981A87	RGB 152 26 135	#981A87
100.0%	100.0% #8C0A7B	RGB 140 10 123	#8C0A7B

#D66FC7 #C95EBA #BD4DAD #B13CA1 #A42B94 #981A87 #8C0A7B

#D66FC7 - #8C0A7B

HSV Blend

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

0.0%	0.0% #D66FC7	RGB 214 111 199	#D66FC7
16.7%	16.7% #C959B9	RGB 201 89 185	#C959B9
33.3%	33.3% #BD45AC	RGB 189 69 172	#BD45AC
50.0%	50.0% #B1349F	RGB 177 52 159	#B1349F
66.7%	66.7% #A42493	RGB 164 36 147	#A42493
83.3%	83.3% #981686	RGB 152 22 134	#981686
100.0%	100.0% #8C0A7B	RGB 140 10 123	#8C0A7B

#D66FC7 #C959B9 #BD45AC #B1349F #A42493 #981686 #8C0A7B

#D66FC7 - #B1349F - #8C0A7B

CSS codes

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

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