#CC6BAD - #970052 | 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 #CC6BAD to #970052

#CC6BAD #970052

Calculate the color between two colors, #CC6BAD and #970052. 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)

#CC6BAD - #970052 | 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 #CC6BAD as 0% and #970052 as 100%.

0.0%	0.0% #CC6BAD	RGB 204 107 173	#CC6BAD
16.7%	16.7% #C3599D	RGB 195 89 157	#C3599D
33.3%	33.3% #BA478E	RGB 186 71 142	#BA478E
50.0%	50.0% #B1357F	RGB 177 53 127	#B1357F
66.7%	66.7% #A82370	RGB 168 35 112	#A82370
83.3%	83.3% #9F1161	RGB 159 17 97	#9F1161
100.0%	100.0% #970052	RGB 151 0 82	#970052

#CC6BAD #C3599D #BA478E #B1357F #A82370 #9F1161 #970052

#CC6BAD - #970052

HSV Blend

#CC6BAD - #970052 | 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 #CC6BAD as 0% and #970052 as 100%.

0.0%	0.0% #CC6BAD	RGB 204 107 173	#CC6BAD
16.7%	16.7% #C3559D	RGB 195 85 157	#C3559D
33.3%	33.3% #BA418E	RGB 186 65 142	#BA418E
50.0%	50.0% #B12E7E	RGB 177 46 126	#B12E7E
66.7%	66.7% #A81D6F	RGB 168 29 111	#A81D6F
83.3%	83.3% #9F0D60	RGB 159 13 96	#9F0D60
100.0%	100.0% #970052	RGB 151 0 82	#970052

#CC6BAD #C3559D #BA418E #B12E7E #A81D6F #9F0D60 #970052

#CC6BAD - #B12E7E - #970052

CSS codes

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

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