#CC6DAB - #8C1964 | 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 #CC6DAB to #8C1964

#CC6DAB #8C1964

Calculate the color between two colors, #CC6DAB and #8C1964. 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)

#CC6DAB - #8C1964 | 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 #CC6DAB as 0% and #8C1964 as 100%.

0.0%	0.0% #CC6DAB	RGB 204 109 171	#CC6DAB
16.7%	16.7% #C15F9F	RGB 193 95 159	#C15F9F
33.3%	33.3% #B65193	RGB 182 81 147	#B65193
50.0%	50.0% #AC4387	RGB 172 67 135	#AC4387
66.7%	66.7% #A1357B	RGB 161 53 123	#A1357B
83.3%	83.3% #96276F	RGB 150 39 111	#96276F
100.0%	100.0% #8C1964	RGB 140 25 100	#8C1964

#CC6DAB #C15F9F #B65193 #AC4387 #A1357B #96276F #8C1964

#CC6DAB - #8C1964

HSV Blend

#CC6DAB - #8C1964 | 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 #CC6DAB as 0% and #8C1964 as 100%.

0.0%	0.0% #CC6DAB	RGB 204 109 171	#CC6DAB
16.7%	16.7% #C15B9E	RGB 193 91 158	#C15B9E
33.3%	33.3% #B64B91	RGB 182 75 145	#B64B91
50.0%	50.0% #AC3D85	RGB 172 61 133	#AC3D85
66.7%	66.7% #A12F79	RGB 161 47 121	#A12F79
83.3%	83.3% #96236E	RGB 150 35 110	#96236E
100.0%	100.0% #8C1964	RGB 140 25 100	#8C1964

#CC6DAB #C15B9E #B64B91 #AC3D85 #A12F79 #96236E #8C1964

#CC6DAB - #AC3D85 - #8C1964

CSS codes

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

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