#C68CD1 - #FCD2DE | 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 #C68CD1 to #FCD2DE

#C68CD1 #FCD2DE

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

#C68CD1 - #FCD2DE | 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 #C68CD1 as 0% and #FCD2DE as 100%.

0.0%	0.0% #C68CD1	RGB 198 140 209	#C68CD1
16.7%	16.7% #CF97D3	RGB 207 151 211	#CF97D3
33.3%	33.3% #D8A3D5	RGB 216 163 213	#D8A3D5
50.0%	50.0% #E1AFD7	RGB 225 175 215	#E1AFD7
66.7%	66.7% #EABAD9	RGB 234 186 217	#EABAD9
83.3%	83.3% #F3C6DB	RGB 243 198 219	#F3C6DB
100.0%	100.0% #FCD2DE	RGB 252 210 222	#FCD2DE

#C68CD1 #CF97D3 #D8A3D5 #E1AFD7 #EABAD9 #F3C6DB #FCD2DE

#C68CD1 - #FCD2DE

HSV Blend

#C68CD1 - #FCD2DE | 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 #C68CD1 as 0% and #FCD2DE as 100%.

0.0%	0.0% #C68CD1	RGB 198 140 209	#C68CD1
16.7%	16.7% #D796D8	RGB 215 150 216	#D796D8
33.3%	33.3% #DFA1D7	RGB 223 161 215	#DFA1D7
50.0%	50.0% #E6ADD6	RGB 230 173 214	#E6ADD6
66.7%	66.7% #EDB9D7	RGB 237 185 215	#EDB9D7
83.3%	83.3% #F4C5D9	RGB 244 197 217	#F4C5D9
100.0%	100.0% #FCD2DE	RGB 252 210 222	#FCD2DE

#C68CD1 #D796D8 #DFA1D7 #E6ADD6 #EDB9D7 #F4C5D9 #FCD2DE

#C68CD1 - #E6ADD6 - #FCD2DE

CSS codes

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

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