#B49FD6 - #FFDDD1 | 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 #B49FD6 to #FFDDD1

#B49FD6 #FFDDD1

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

#B49FD6 - #FFDDD1 | 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 #B49FD6 as 0% and #FFDDD1 as 100%.

0.0%	0.0% #B49FD6	RGB 180 159 214	#B49FD6
16.7%	16.7% #C0A9D5	RGB 192 169 213	#C0A9D5
33.3%	33.3% #CDB3D4	RGB 205 179 212	#CDB3D4
50.0%	50.0% #D9BED3	RGB 217 190 211	#D9BED3
66.7%	66.7% #E6C8D2	RGB 230 200 210	#E6C8D2
83.3%	83.3% #F2D2D1	RGB 242 210 209	#F2D2D1
100.0%	100.0% #FFDDD1	RGB 255 221 209	#FFDDD1

#B49FD6 #C0A9D5 #CDB3D4 #D9BED3 #E6C8D2 #F2D2D1 #FFDDD1

#B49FD6 - #FFDDD1

HSV Blend

#B49FD6 - #FFDDD1 | 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 #B49FD6 as 0% and #FFDDD1 as 100%.

0.0%	0.0% #B39FD6	RGB 179 159 214	#B39FD6
16.7%	16.7% #CCA6DC	RGB 204 166 220	#CCA6DC
33.3%	33.3% #E3AEE3	RGB 227 174 227	#E3AEE3
50.0%	50.0% #EAB7DA	RGB 234 183 218	#EAB7DA
66.7%	66.7% #F1BFD1	RGB 241 191 209	#F1BFD1
83.3%	83.3% #F8C8CA	RGB 248 200 202	#F8C8CA
100.0%	100.0% #FFDDD1	RGB 255 221 209	#FFDDD1

#B39FD6 #CCA6DC #E3AEE3 #EAB7DA #F1BFD1 #F8C8CA #FFDDD1

#B49FD6 - #EAB7DA - #FFDDD1

CSS codes

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

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