#CA9CFF - #8F28CC | 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 #CA9CFF to #8F28CC

#CA9CFF #8F28CC

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

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

0.0%	0.0% #CA9CFF	RGB 202 156 255	#CA9CFF
16.7%	16.7% #C088F6	RGB 192 136 246	#C088F6
33.3%	33.3% #B675EE	RGB 182 117 238	#B675EE
50.0%	50.0% #AC62E5	RGB 172 98 229	#AC62E5
66.7%	66.7% #A24EDD	RGB 162 78 221	#A24EDD
83.3%	83.3% #983BD4	RGB 152 59 212	#983BD4
100.0%	100.0% #8F28CC	RGB 143 40 204	#8F28CC

#CA9CFF #C088F6 #B675EE #AC62E5 #A24EDD #983BD4 #8F28CC

#CA9CFF - #8F28CC

HSV Blend

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

0.0%	0.0% #CA9CFF	RGB 202 156 255	#CA9CFF
16.7%	16.7% #BD85F6	RGB 189 133 246	#BD85F6
33.3%	33.3% #B170EE	RGB 177 112 238	#B170EE
50.0%	50.0% #A75CE5	RGB 167 92 229	#A75CE5
66.7%	66.7% #9E49DD	RGB 158 73 221	#9E49DD
83.3%	83.3% #9638D4	RGB 150 56 212	#9638D4
100.0%	100.0% #8F28CC	RGB 143 40 204	#8F28CC

#CA9CFF #BD85F6 #B170EE #A75CE5 #9E49DD #9638D4 #8F28CC

#CA9CFF - #A75CE5 - #8F28CC

CSS codes

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

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