#CB45DA - #8F10AD | 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 #CB45DA to #8F10AD

#CB45DA #8F10AD

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

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

0.0%	0.0% #CB45DA	RGB 203 69 218	#CB45DA
16.7%	16.7% #C13CD2	RGB 193 60 210	#C13CD2
33.3%	33.3% #B733CB	RGB 183 51 203	#B733CB
50.0%	50.0% #AD2AC3	RGB 173 42 195	#AD2AC3
66.7%	66.7% #A321BC	RGB 163 33 188	#A321BC
83.3%	83.3% #9918B4	RGB 153 24 180	#9918B4
100.0%	100.0% #8F10AD	RGB 143 16 173	#8F10AD

#CB45DA #C13CD2 #B733CB #AD2AC3 #A321BC #9918B4 #8F10AD

#CB45DA - #8F10AD

HSV Blend

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

0.0%	0.0% #CA45DA	RGB 202 69 218	#CA45DA
16.7%	16.7% #C03AD2	RGB 192 58 210	#C03AD2
33.3%	33.3% #B631CB	RGB 182 49 203	#B631CB
50.0%	50.0% #AC27C3	RGB 172 39 195	#AC27C3
66.7%	66.7% #A21FBC	RGB 162 31 188	#A21FBC
83.3%	83.3% #9817B4	RGB 152 23 180	#9817B4
100.0%	100.0% #8F10AD	RGB 143 16 173	#8F10AD

#CA45DA #C03AD2 #B631CB #AC27C3 #A21FBC #9817B4 #8F10AD

#CB45DA - #AC27C3 - #8F10AD

CSS codes

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

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