#C380FF - #812DEC | 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 #C380FF to #812DEC

#C380FF #812DEC

Calculate the color between two colors, #C380FF and #812DEC. 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)

#C380FF - #812DEC | 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 #C380FF as 0% and #812DEC as 100%.

0.0%	0.0% #C380FF	RGB 195 128 255	#C380FF
16.7%	16.7% #B872FB	RGB 184 114 251	#B872FB
33.3%	33.3% #AD64F8	RGB 173 100 248	#AD64F8
50.0%	50.0% #A256F5	RGB 162 86 245	#A256F5
66.7%	66.7% #9748F2	RGB 151 72 242	#9748F2
83.3%	83.3% #8C3AEF	RGB 140 58 239	#8C3AEF
100.0%	100.0% #812DEC	RGB 129 45 236	#812DEC

#C380FF #B872FB #AD64F8 #A256F5 #9748F2 #8C3AEF #812DEC

#C380FF - #812DEC

HSV Blend

#C380FF - #812DEC | 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 #C380FF as 0% and #812DEC as 100%.

0.0%	0.0% #C380FF	RGB 195 128 255	#C380FF
16.7%	16.7% #B871FB	RGB 184 113 251	#B871FB
33.3%	33.3% #AD63F8	RGB 173 99 248	#AD63F8
50.0%	50.0% #A255F5	RGB 162 85 245	#A255F5
66.7%	66.7% #9747F2	RGB 151 71 242	#9747F2
83.3%	83.3% #8C3AEF	RGB 140 58 239	#8C3AEF
100.0%	100.0% #812DEC	RGB 129 45 236	#812DEC

#C380FF #B871FB #AD63F8 #A255F5 #9747F2 #8C3AEF #812DEC

#C380FF - #A255F5 - #812DEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C380FF 0%, #A255F5 50%, #812DEC 100%);
    background: -webkit-linear-gradient(top, #C380FF 0%, #A255F5 50%, #812DEC 100%);
    background: linear-gradient(to bottom, #C380FF 0%, #A255F5 50%, #812DEC 100%);
}
</style>