#C06FDA - #FCC9DD | 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 #C06FDA to #FCC9DD

#C06FDA #FCC9DD

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

#C06FDA - #FCC9DD | 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 #C06FDA as 0% and #FCC9DD as 100%.

0.0%	0.0% #C06FDA	RGB 192 111 218	#C06FDA
16.7%	16.7% #CA7EDA	RGB 202 126 218	#CA7EDA
33.3%	33.3% #D48DDB	RGB 212 141 219	#D48DDB
50.0%	50.0% #DE9CDB	RGB 222 156 219	#DE9CDB
66.7%	66.7% #E8ABDC	RGB 232 171 220	#E8ABDC
83.3%	83.3% #F2BADC	RGB 242 186 220	#F2BADC
100.0%	100.0% #FCC9DD	RGB 252 201 221	#FCC9DD

#C06FDA #CA7EDA #D48DDB #DE9CDB #E8ABDC #F2BADC #FCC9DD

#C06FDA - #FCC9DD

HSV Blend

#C06FDA - #FCC9DD | 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 #C06FDA as 0% and #FCC9DD as 100%.

0.0%	0.0% #C06FDA	RGB 192 111 218	#C06FDA
16.7%	16.7% #D57CDF	RGB 213 124 223	#D57CDF
33.3%	33.3% #E58AE1	RGB 229 138 225	#E58AE1
50.0%	50.0% #EB99DC	RGB 235 153 220	#EB99DC
66.7%	66.7% #F0A8D9	RGB 240 168 217	#F0A8D9
83.3%	83.3% #F6B8D9	RGB 246 184 217	#F6B8D9
100.0%	100.0% #FCC9DD	RGB 252 201 221	#FCC9DD

#C06FDA #D57CDF #E58AE1 #EB99DC #F0A8D9 #F6B8D9 #FCC9DD

#C06FDA - #EB99DC - #FCC9DD

CSS codes

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

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