#BD5E8A - #FCB5A5 | 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 #BD5E8A to #FCB5A5

#BD5E8A #FCB5A5

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

#BD5E8A - #FCB5A5 | 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 #BD5E8A as 0% and #FCB5A5 as 100%.

0.0%	0.0% #BD5E8A	RGB 189 94 138	#BD5E8A
16.7%	16.7% #C76C8E	RGB 199 108 142	#C76C8E
33.3%	33.3% #D27B93	RGB 210 123 147	#D27B93
50.0%	50.0% #DC8997	RGB 220 137 151	#DC8997
66.7%	66.7% #E7989C	RGB 231 152 156	#E7989C
83.3%	83.3% #F1A6A0	RGB 241 166 160	#F1A6A0
100.0%	100.0% #FCB5A5	RGB 252 181 165	#FCB5A5

#BD5E8A #C76C8E #D27B93 #DC8997 #E7989C #F1A6A0 #FCB5A5

#BD5E8A - #FCB5A5

HSV Blend

#BD5E8A - #FCB5A5 | 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 #BD5E8A as 0% and #FCB5A5 as 100%.

0.0%	0.0% #BD5E89	RGB 189 94 137	#BD5E89
16.7%	16.7% #C7688A	RGB 199 104 138	#C7688A
33.3%	33.3% #D2738A	RGB 210 115 138	#D2738A
50.0%	50.0% #DC7F8C	RGB 220 127 140	#DC7F8C
66.7%	66.7% #E78B8E	RGB 231 139 142	#E78B8E
83.3%	83.3% #F19E97	RGB 241 158 151	#F19E97
100.0%	100.0% #FCB5A5	RGB 252 181 165	#FCB5A5

#BD5E89 #C7688A #D2738A #DC7F8C #E78B8E #F19E97 #FCB5A5

#BD5E8A - #DC7F8C - #FCB5A5

CSS codes

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

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