#C27EFF - #802CEC | 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 #C27EFF to #802CEC

#C27EFF #802CEC

Calculate the color between two colors, #C27EFF and #802CEC. 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)

#C27EFF - #802CEC | 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 #C27EFF as 0% and #802CEC as 100%.

0.0%	0.0% #C27EFF	RGB 194 126 255	#C27EFF
16.7%	16.7% #B770FB	RGB 183 112 251	#B770FB
33.3%	33.3% #AC62F8	RGB 172 98 248	#AC62F8
50.0%	50.0% #A155F5	RGB 161 85 245	#A155F5
66.7%	66.7% #9647F2	RGB 150 71 242	#9647F2
83.3%	83.3% #8B39EF	RGB 139 57 239	#8B39EF
100.0%	100.0% #802CEC	RGB 128 44 236	#802CEC

#C27EFF #B770FB #AC62F8 #A155F5 #9647F2 #8B39EF #802CEC

#C27EFF - #802CEC

HSV Blend

#C27EFF - #802CEC | 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 #C27EFF as 0% and #802CEC as 100%.

0.0%	0.0% #C27EFF	RGB 194 126 255	#C27EFF
16.7%	16.7% #B76FFB	RGB 183 111 251	#B76FFB
33.3%	33.3% #AC61F8	RGB 172 97 248	#AC61F8
50.0%	50.0% #A153F5	RGB 161 83 245	#A153F5
66.7%	66.7% #9646F2	RGB 150 70 242	#9646F2
83.3%	83.3% #8B38EF	RGB 139 56 239	#8B38EF
100.0%	100.0% #802CEC	RGB 128 44 236	#802CEC

#C27EFF #B76FFB #AC61F8 #A153F5 #9646F2 #8B38EF #802CEC

#C27EFF - #A153F5 - #802CEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C27EFF 0%, #A153F5 50%, #802CEC 100%);
    background: -webkit-linear-gradient(top, #C27EFF 0%, #A153F5 50%, #802CEC 100%);
    background: linear-gradient(to bottom, #C27EFF 0%, #A153F5 50%, #802CEC 100%);
}
</style>