#D300CD - #8B0C8C | 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 #D300CD to #8B0C8C

#D300CD #8B0C8C

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

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

0.0%	0.0% #D300CD	RGB 211 0 205	#D300CD
16.7%	16.7% #C702C2	RGB 199 2 194	#C702C2
33.3%	33.3% #BB04B7	RGB 187 4 183	#BB04B7
50.0%	50.0% #AF06AC	RGB 175 6 172	#AF06AC
66.7%	66.7% #A308A1	RGB 163 8 161	#A308A1
83.3%	83.3% #970A96	RGB 151 10 150	#970A96
100.0%	100.0% #8B0C8C	RGB 139 12 140	#8B0C8C

#D300CD #C702C2 #BB04B7 #AF06AC #A308A1 #970A96 #8B0C8C

#D300CD - #8B0C8C

HSV Blend

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

0.0%	0.0% #D300CD	RGB 211 0 205	#D300CD
16.7%	16.7% #C702C2	RGB 199 2 194	#C702C2
33.3%	33.3% #BB05B8	RGB 187 5 184	#BB05B8
50.0%	50.0% #AF07AD	RGB 175 7 173	#AF07AD
66.7%	66.7% #A309A3	RGB 163 9 163	#A309A3
83.3%	83.3% #970A97	RGB 151 10 151	#970A97
100.0%	100.0% #8B0C8C	RGB 139 12 140	#8B0C8C

#D300CD #C702C2 #BB05B8 #AF07AD #A309A3 #970A97 #8B0C8C

#D300CD - #AF07AD - #8B0C8C

CSS codes

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

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