#CC6BA7 - #FF8BC5 | 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 #CC6BA7 to #FF8BC5

#CC6BA7 #FF8BC5

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

#CC6BA7 - #FF8BC5 | 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 #CC6BA7 as 0% and #FF8BC5 as 100%.

0.0%	0.0% #CC6BA7	RGB 204 107 167	#CC6BA7
16.7%	16.7% #D470AC	RGB 212 112 172	#D470AC
33.3%	33.3% #DD75B1	RGB 221 117 177	#DD75B1
50.0%	50.0% #E57BB6	RGB 229 123 182	#E57BB6
66.7%	66.7% #EE80BB	RGB 238 128 187	#EE80BB
83.3%	83.3% #F685C0	RGB 246 133 192	#F685C0
100.0%	100.0% #FF8BC5	RGB 255 139 197	#FF8BC5

#CC6BA7 #D470AC #DD75B1 #E57BB6 #EE80BB #F685C0 #FF8BC5

#CC6BA7 - #FF8BC5

HSV Blend

#CC6BA7 - #FF8BC5 | 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 #CC6BA7 as 0% and #FF8BC5 as 100%.

0.0%	0.0% #CC6BA7	RGB 204 107 167	#CC6BA7
16.7%	16.7% #D470AC	RGB 212 112 172	#D470AC
33.3%	33.3% #DD75B1	RGB 221 117 177	#DD75B1
50.0%	50.0% #E57AB6	RGB 229 122 182	#E57AB6
66.7%	66.7% #EE80BB	RGB 238 128 187	#EE80BB
83.3%	83.3% #F685C0	RGB 246 133 192	#F685C0
100.0%	100.0% #FF8BC5	RGB 255 139 197	#FF8BC5

#CC6BA7 #D470AC #DD75B1 #E57AB6 #EE80BB #F685C0 #FF8BC5

#CC6BA7 - #E57AB6 - #FF8BC5

CSS codes

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

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