#DAC2EC - #FCFDFF | 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 #DAC2EC to #FCFDFF

#DAC2EC #FCFDFF

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

#DAC2EC - #FCFDFF | 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 #DAC2EC as 0% and #FCFDFF as 100%.

0.0%	0.0% #DAC2EC	RGB 218 194 236	#DAC2EC
16.7%	16.7% #DFCBEF	RGB 223 203 239	#DFCBEF
33.3%	33.3% #E5D5F2	RGB 229 213 242	#E5D5F2
50.0%	50.0% #EBDFF5	RGB 235 223 245	#EBDFF5
66.7%	66.7% #F0E9F8	RGB 240 233 248	#F0E9F8
83.3%	83.3% #F6F3FB	RGB 246 243 251	#F6F3FB
100.0%	100.0% #FCFDFF	RGB 252 253 255	#FCFDFF

#DAC2EC #DFCBEF #E5D5F2 #EBDFF5 #F0E9F8 #F6F3FB #FCFDFF

#DAC2EC - #FCFDFF

HSV Blend

#DAC2EC - #FCFDFF | 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 #DAC2EC as 0% and #FCFDFF as 100%.

0.0%	0.0% #DAC2EC	RGB 218 194 236	#DAC2EC
16.7%	16.7% #DACBEF	RGB 218 203 239	#DACBEF
33.3%	33.3% #DCD4F2	RGB 220 212 242	#DCD4F2
50.0%	50.0% #E0DEF5	RGB 224 222 245	#E0DEF5
66.7%	66.7% #E7E8F8	RGB 231 232 248	#E7E8F8
83.3%	83.3% #F1F3FB	RGB 241 243 251	#F1F3FB
100.0%	100.0% #FCFDFF	RGB 252 253 255	#FCFDFF

#DAC2EC #DACBEF #DCD4F2 #E0DEF5 #E7E8F8 #F1F3FB #FCFDFF

#DAC2EC - #E0DEF5 - #FCFDFF

CSS codes

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

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