#C3B8DF - #FCD9FD | 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 #C3B8DF to #FCD9FD

#C3B8DF #FCD9FD

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

#C3B8DF - #FCD9FD | 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 #C3B8DF as 0% and #FCD9FD as 100%.

0.0%	0.0% #C3B8DF	RGB 195 184 223	#C3B8DF
16.7%	16.7% #CCBDE4	RGB 204 189 228	#CCBDE4
33.3%	33.3% #D6C3E9	RGB 214 195 233	#D6C3E9
50.0%	50.0% #DFC8EE	RGB 223 200 238	#DFC8EE
66.7%	66.7% #E9CEF3	RGB 233 206 243	#E9CEF3
83.3%	83.3% #F2D3F8	RGB 242 211 248	#F2D3F8
100.0%	100.0% #FCD9FD	RGB 252 217 253	#FCD9FD

#C3B8DF #CCBDE4 #D6C3E9 #DFC8EE #E9CEF3 #F2D3F8 #FCD9FD

#C3B8DF - #FCD9FD

HSV Blend

#C3B8DF - #FCD9FD | 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 #C3B8DF as 0% and #FCD9FD as 100%.

0.0%	0.0% #C3B8DF	RGB 195 184 223	#C3B8DF
16.7%	16.7% #CCBDE4	RGB 204 189 228	#CCBDE4
33.3%	33.3% #D6C2E9	RGB 214 194 233	#D6C2E9
50.0%	50.0% #DFC8EE	RGB 223 200 238	#DFC8EE
66.7%	66.7% #E9CDF3	RGB 233 205 243	#E9CDF3
83.3%	83.3% #F2D3F8	RGB 242 211 248	#F2D3F8
100.0%	100.0% #FCD9FD	RGB 252 217 253	#FCD9FD

#C3B8DF #CCBDE4 #D6C2E9 #DFC8EE #E9CDF3 #F2D3F8 #FCD9FD

#C3B8DF - #DFC8EE - #FCD9FD

CSS codes

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

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