#D8C2FC - #FFF1EF | 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 #D8C2FC to #FFF1EF

#D8C2FC #FFF1EF

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

#D8C2FC - #FFF1EF | 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 #D8C2FC as 0% and #FFF1EF as 100%.

0.0%	0.0% #D8C2FC	RGB 216 194 252	#D8C2FC
16.7%	16.7% #DEC9F9	RGB 222 201 249	#DEC9F9
33.3%	33.3% #E5D1F7	RGB 229 209 247	#E5D1F7
50.0%	50.0% #EBD9F5	RGB 235 217 245	#EBD9F5
66.7%	66.7% #F2E1F3	RGB 242 225 243	#F2E1F3
83.3%	83.3% #F8E9F1	RGB 248 233 241	#F8E9F1
100.0%	100.0% #FFF1EF	RGB 255 241 239	#FFF1EF

#D8C2FC #DEC9F9 #E5D1F7 #EBD9F5 #F2E1F3 #F8E9F1 #FFF1EF

#D8C2FC - #FFF1EF

HSV Blend

#D8C2FC - #FFF1EF | 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 #D8C2FC as 0% and #FFF1EF as 100%.

0.0%	0.0% #D8C2FC	RGB 216 194 252	#D8C2FC
16.7%	16.7% #EBC9FC	RGB 235 201 252	#EBC9FC
33.3%	33.3% #FBD0FD	RGB 251 208 253	#FBD0FD
50.0%	50.0% #FDD8F4	RGB 253 216 244	#FDD8F4
66.7%	66.7% #FEDFED	RGB 254 223 237	#FEDFED
83.3%	83.3% #FEE7EB	RGB 254 231 235	#FEE7EB
100.0%	100.0% #FFF1EF	RGB 255 241 239	#FFF1EF

#D8C2FC #EBC9FC #FBD0FD #FDD8F4 #FEDFED #FEE7EB #FFF1EF

#D8C2FC - #FDD8F4 - #FFF1EF

CSS codes

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

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