#C982FF - #6B03CC | 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 #C982FF to #6B03CC

#C982FF #6B03CC

Calculate the color between two colors, #C982FF and #6B03CC. 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)

#C982FF - #6B03CC | 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 #C982FF as 0% and #6B03CC as 100%.

0.0%	0.0% #C982FF	RGB 201 130 255	#C982FF
16.7%	16.7% #B96CF6	RGB 185 108 246	#B96CF6
33.3%	33.3% #A957EE	RGB 169 87 238	#A957EE
50.0%	50.0% #9A42E5	RGB 154 66 229	#9A42E5
66.7%	66.7% #8A2DDD	RGB 138 45 221	#8A2DDD
83.3%	83.3% #7A18D4	RGB 122 24 212	#7A18D4
100.0%	100.0% #6B03CC	RGB 107 3 204	#6B03CC

#C982FF #B96CF6 #A957EE #9A42E5 #8A2DDD #7A18D4 #6B03CC

#C982FF - #6B03CC

HSV Blend

#C982FF - #6B03CC | 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 #C982FF as 0% and #6B03CC as 100%.

0.0%	0.0% #C982FF	RGB 201 130 255	#C982FF
16.7%	16.7% #B869F6	RGB 184 105 246	#B869F6
33.3%	33.3% #A852EE	RGB 168 82 238	#A852EE
50.0%	50.0% #983CE5	RGB 152 60 229	#983CE5
66.7%	66.7% #8827DD	RGB 136 39 221	#8827DD
83.3%	83.3% #7914D4	RGB 121 20 212	#7914D4
100.0%	100.0% #6B03CC	RGB 107 3 204	#6B03CC

#C982FF #B869F6 #A852EE #983CE5 #8827DD #7914D4 #6B03CC

#C982FF - #983CE5 - #6B03CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C982FF 0%, #983CE5 50%, #6B03CC 100%);
    background: -webkit-linear-gradient(top, #C982FF 0%, #983CE5 50%, #6B03CC 100%);
    background: linear-gradient(to bottom, #C982FF 0%, #983CE5 50%, #6B03CC 100%);
}
</style>