#EDB9D9 - #FBF8F1 | 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 #EDB9D9 to #FBF8F1

#EDB9D9 #FBF8F1

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

#EDB9D9 - #FBF8F1 | 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 #EDB9D9 as 0% and #FBF8F1 as 100%.

0.0%	0.0% #EDB9D9	RGB 237 185 217	#EDB9D9
16.7%	16.7% #EFC3DD	RGB 239 195 221	#EFC3DD
33.3%	33.3% #F1CEE1	RGB 241 206 225	#F1CEE1
50.0%	50.0% #F4D8E5	RGB 244 216 229	#F4D8E5
66.7%	66.7% #F6E3E9	RGB 246 227 233	#F6E3E9
83.3%	83.3% #F8EDED	RGB 248 237 237	#F8EDED
100.0%	100.0% #FBF8F1	RGB 251 248 241	#FBF8F1

#EDB9D9 #EFC3DD #F1CEE1 #F4D8E5 #F6E3E9 #F8EDED #FBF8F1

#EDB9D9 - #FBF8F1

HSV Blend

#EDB9D9 - #FBF8F1 | 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 #EDB9D9 as 0% and #FBF8F1 as 100%.

0.0%	0.0% #EDB9D9	RGB 237 185 217	#EDB9D9
16.7%	16.7% #EFC1D3	RGB 239 193 211	#EFC1D3
33.3%	33.3% #F1CBD1	RGB 241 203 209	#F1CBD1
50.0%	50.0% #F4D5D4	RGB 244 213 212	#F4D5D4
66.7%	66.7% #F6E4DD	RGB 246 228 221	#F6E4DD
83.3%	83.3% #F8EFE7	RGB 248 239 231	#F8EFE7
100.0%	100.0% #FBF8F1	RGB 251 248 241	#FBF8F1

#EDB9D9 #EFC1D3 #F1CBD1 #F4D5D4 #F6E4DD #F8EFE7 #FBF8F1

#EDB9D9 - #F4D5D4 - #FBF8F1

CSS codes

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

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