#F0D5E2 - #BD809A | 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 #F0D5E2 to #BD809A

#F0D5E2 #BD809A

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

#F0D5E2 - #BD809A | 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 #F0D5E2 as 0% and #BD809A as 100%.

0.0%	0.0% #F0D5E2	RGB 240 213 226	#F0D5E2
16.7%	16.7% #E7C6D6	RGB 231 198 214	#E7C6D6
33.3%	33.3% #DFB8CA	RGB 223 184 202	#DFB8CA
50.0%	50.0% #D6AABE	RGB 214 170 190	#D6AABE
66.7%	66.7% #CE9CB2	RGB 206 156 178	#CE9CB2
83.3%	83.3% #C58EA6	RGB 197 142 166	#C58EA6
100.0%	100.0% #BD809A	RGB 189 128 154	#BD809A

#F0D5E2 #E7C6D6 #DFB8CA #D6AABE #CE9CB2 #C58EA6 #BD809A

#F0D5E2 - #BD809A

HSV Blend

#F0D5E2 - #BD809A | 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 #F0D5E2 as 0% and #BD809A as 100%.

0.0%	0.0% #F0D5E2	RGB 240 213 226	#F0D5E2
16.7%	16.7% #E7C5D5	RGB 231 197 213	#E7C5D5
33.3%	33.3% #DFB6C9	RGB 223 182 201	#DFB6C9
50.0%	50.0% #D6A7BD	RGB 214 167 189	#D6A7BD
66.7%	66.7% #CE99B1	RGB 206 153 177	#CE99B1
83.3%	83.3% #C58CA5	RGB 197 140 165	#C58CA5
100.0%	100.0% #BD809A	RGB 189 128 154	#BD809A

#F0D5E2 #E7C5D5 #DFB6C9 #D6A7BD #CE99B1 #C58CA5 #BD809A

#F0D5E2 - #D6A7BD - #BD809A

CSS codes

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

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