#D7B5E7 - #FCF1F2 | 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 #D7B5E7 to #FCF1F2

#D7B5E7 #FCF1F2

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

#D7B5E7 - #FCF1F2 | 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 #D7B5E7 as 0% and #FCF1F2 as 100%.

0.0%	0.0% #D7B5E7	RGB 215 181 231	#D7B5E7
16.7%	16.7% #DDBFE8	RGB 221 191 232	#DDBFE8
33.3%	33.3% #E3C9EA	RGB 227 201 234	#E3C9EA
50.0%	50.0% #E9D3EC	RGB 233 211 236	#E9D3EC
66.7%	66.7% #EFDDEE	RGB 239 221 238	#EFDDEE
83.3%	83.3% #F5E7F0	RGB 245 231 240	#F5E7F0
100.0%	100.0% #FCF1F2	RGB 252 241 242	#FCF1F2

#D7B5E7 #DDBFE8 #E3C9EA #E9D3EC #EFDDEE #F5E7F0 #FCF1F2

#D7B5E7 - #FCF1F2

HSV Blend

#D7B5E7 - #FCF1F2 | 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 #D7B5E7 as 0% and #FCF1F2 as 100%.

0.0%	0.0% #D7B5E7	RGB 215 181 231	#D7B5E7
16.7%	16.7% #E5BEEA	RGB 229 190 234	#E5BEEA
33.3%	33.3% #EEC8EA	RGB 238 200 234	#EEC8EA
50.0%	50.0% #F1D2E8	RGB 241 210 232	#F1D2E8
66.7%	66.7% #F5DCE8	RGB 245 220 232	#F5DCE8
83.3%	83.3% #F8E6EB	RGB 248 230 235	#F8E6EB
100.0%	100.0% #FCF1F2	RGB 252 241 242	#FCF1F2

#D7B5E7 #E5BEEA #EEC8EA #F1D2E8 #F5DCE8 #F8E6EB #FCF1F2

#D7B5E7 - #F1D2E8 - #FCF1F2

CSS codes

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

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