#CC6BCD - #FFC6CF | 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 #CC6BCD to #FFC6CF

#CC6BCD #FFC6CF

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

#CC6BCD - #FFC6CF | 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 #CC6BCD as 0% and #FFC6CF as 100%.

0.0%	0.0% #CC6BCD	RGB 204 107 205	#CC6BCD
16.7%	16.7% #D47ACD	RGB 212 122 205	#D47ACD
33.3%	33.3% #DD89CD	RGB 221 137 205	#DD89CD
50.0%	50.0% #E598CE	RGB 229 152 206	#E598CE
66.7%	66.7% #EEA7CE	RGB 238 167 206	#EEA7CE
83.3%	83.3% #F6B6CE	RGB 246 182 206	#F6B6CE
100.0%	100.0% #FFC6CF	RGB 255 198 207	#FFC6CF

#CC6BCD #D47ACD #DD89CD #E598CE #EEA7CE #F6B6CE #FFC6CF

#CC6BCD - #FFC6CF

HSV Blend

#CC6BCD - #FFC6CF | 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 #CC6BCD as 0% and #FFC6CF as 100%.

0.0%	0.0% #CC6BCD	RGB 204 107 205	#CC6BCD
16.7%	16.7% #D578C9	RGB 213 120 201	#D578C9
33.3%	33.3% #DD86C5	RGB 221 134 197	#DD86C5
50.0%	50.0% #E695C4	RGB 230 149 196	#E695C4
66.7%	66.7% #EEA4C5	RGB 238 164 197	#EEA4C5
83.3%	83.3% #F6B5C8	RGB 246 181 200	#F6B5C8
100.0%	100.0% #FFC6CF	RGB 255 198 207	#FFC6CF

#CC6BCD #D578C9 #DD86C5 #E695C4 #EEA4C5 #F6B5C8 #FFC6CF

#CC6BCD - #E695C4 - #FFC6CF

CSS codes

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

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