#C963C9 - #60007F | 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 #C963C9 to #60007F

#C963C9 #60007F

Calculate the color between two colors, #C963C9 and #60007F. 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)

#C963C9 - #60007F | 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 #C963C9 as 0% and #60007F as 100%.

0.0%	0.0% #C963C9	RGB 201 99 201	#C963C9
16.7%	16.7% #B752BC	RGB 183 82 188	#B752BC
33.3%	33.3% #A642B0	RGB 166 66 176	#A642B0
50.0%	50.0% #9431A4	RGB 148 49 164	#9431A4
66.7%	66.7% #832197	RGB 131 33 151	#832197
83.3%	83.3% #71108B	RGB 113 16 139	#71108B
100.0%	100.0% #60007F	RGB 96 0 127	#60007F

#C963C9 #B752BC #A642B0 #9431A4 #832197 #71108B #60007F

#C963C9 - #60007F

HSV Blend

#C963C9 - #60007F | 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 #C963C9 as 0% and #60007F as 100%.

0.0%	0.0% #C963C9	RGB 201 99 201	#C963C9
16.7%	16.7% #B84DBC	RGB 184 77 188	#B84DBC
33.3%	33.3% #A639B0	RGB 166 57 176	#A639B0
50.0%	50.0% #9428A4	RGB 148 40 164	#9428A4
66.7%	66.7% #831897	RGB 131 24 151	#831897
83.3%	83.3% #710B8B	RGB 113 11 139	#710B8B
100.0%	100.0% #60007F	RGB 96 0 127	#60007F

#C963C9 #B84DBC #A639B0 #9428A4 #831897 #710B8B #60007F

#C963C9 - #9428A4 - #60007F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C963C9 0%, #9428A4 50%, #60007F 100%);
    background: -webkit-linear-gradient(top, #C963C9 0%, #9428A4 50%, #60007F 100%);
    background: linear-gradient(to bottom, #C963C9 0%, #9428A4 50%, #60007F 100%);
}
</style>