#FBDAED - #DB6DB1 | 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 #FBDAED to #DB6DB1

#FBDAED #DB6DB1

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

#FBDAED - #DB6DB1 | 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 #FBDAED as 0% and #DB6DB1 as 100%.

0.0%	0.0% #FBDAED	RGB 251 218 237	#FBDAED
16.7%	16.7% #F5C7E3	RGB 245 199 227	#F5C7E3
33.3%	33.3% #F0B5D9	RGB 240 181 217	#F0B5D9
50.0%	50.0% #EBA3CF	RGB 235 163 207	#EBA3CF
66.7%	66.7% #E591C5	RGB 229 145 197	#E591C5
83.3%	83.3% #E07FBB	RGB 224 127 187	#E07FBB
100.0%	100.0% #DB6DB1	RGB 219 109 177	#DB6DB1

#FBDAED #F5C7E3 #F0B5D9 #EBA3CF #E591C5 #E07FBB #DB6DB1

#FBDAED - #DB6DB1

HSV Blend

#FBDAED - #DB6DB1 | 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 #FBDAED as 0% and #DB6DB1 as 100%.

0.0%	0.0% #FBDAED	RGB 251 218 237	#FBDAED
16.7%	16.7% #F5C6E1	RGB 245 198 225	#F5C6E1
33.3%	33.3% #F0B3D7	RGB 240 179 215	#F0B3D7
50.0%	50.0% #EBA0CC	RGB 235 160 204	#EBA0CC
66.7%	66.7% #E58EC3	RGB 229 142 195	#E58EC3
83.3%	83.3% #E07DB9	RGB 224 125 185	#E07DB9
100.0%	100.0% #DB6DB1	RGB 219 109 177	#DB6DB1

#FBDAED #F5C6E1 #F0B3D7 #EBA0CC #E58EC3 #E07DB9 #DB6DB1

#FBDAED - #EBA0CC - #DB6DB1

CSS codes

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

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