#F7E7ED - #BD9FBE | 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 #F7E7ED to #BD9FBE

#F7E7ED #BD9FBE

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

#F7E7ED - #BD9FBE | 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 #F7E7ED as 0% and #BD9FBE as 100%.

0.0%	0.0% #F7E7ED	RGB 247 231 237	#F7E7ED
16.7%	16.7% #EDDBE5	RGB 237 219 229	#EDDBE5
33.3%	33.3% #E3CFDD	RGB 227 207 221	#E3CFDD
50.0%	50.0% #DAC3D5	RGB 218 195 213	#DAC3D5
66.7%	66.7% #D0B7CD	RGB 208 183 205	#D0B7CD
83.3%	83.3% #C6ABC5	RGB 198 171 197	#C6ABC5
100.0%	100.0% #BD9FBE	RGB 189 159 190	#BD9FBE

#F7E7ED #EDDBE5 #E3CFDD #DAC3D5 #D0B7CD #C6ABC5 #BD9FBE

#F7E7ED - #BD9FBE

HSV Blend

#F7E7ED - #BD9FBE | 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 #F7E7ED as 0% and #BD9FBE as 100%.

0.0%	0.0% #F7E7ED	RGB 247 231 237	#F7E7ED
16.7%	16.7% #EDDAE3	RGB 237 218 227	#EDDAE3
33.3%	33.3% #E4CDDA	RGB 228 205 218	#E4CDDA
50.0%	50.0% #DAC1D3	RGB 218 193 211	#DAC1D3
66.7%	66.7% #D1B5CB	RGB 209 181 203	#D1B5CB
83.3%	83.3% #C7AAC5	RGB 199 170 197	#C7AAC5
100.0%	100.0% #BD9FBE	RGB 189 159 190	#BD9FBE

#F7E7ED #EDDAE3 #E4CDDA #DAC1D3 #D1B5CB #C7AAC5 #BD9FBE

#F7E7ED - #DAC1D3 - #BD9FBE

CSS codes

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

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