#BD5EBE - #FFB7C2 | 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 #BD5EBE to #FFB7C2

#BD5EBE #FFB7C2

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

#BD5EBE - #FFB7C2 | 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 #BD5EBE as 0% and #FFB7C2 as 100%.

0.0%	0.0% #BD5EBE	RGB 189 94 190	#BD5EBE
16.7%	16.7% #C86CBE	RGB 200 108 190	#C86CBE
33.3%	33.3% #D37BBF	RGB 211 123 191	#D37BBF
50.0%	50.0% #DE8AC0	RGB 222 138 192	#DE8AC0
66.7%	66.7% #E999C0	RGB 233 153 192	#E999C0
83.3%	83.3% #F4A8C1	RGB 244 168 193	#F4A8C1
100.0%	100.0% #FFB7C2	RGB 255 183 194	#FFB7C2

#BD5EBE #C86CBE #D37BBF #DE8AC0 #E999C0 #F4A8C1 #FFB7C2

#BD5EBE - #FFB7C2

HSV Blend

#BD5EBE - #FFB7C2 | 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 #BD5EBE as 0% and #FFB7C2 as 100%.

0.0%	0.0% #BC5EBE	RGB 188 94 190	#BC5EBE
16.7%	16.7% #C86ABC	RGB 200 106 188	#C86ABC
33.3%	33.3% #D378BA	RGB 211 120 186	#D378BA
50.0%	50.0% #DE86B9	RGB 222 134 185	#DE86B9
66.7%	66.7% #E996BA	RGB 233 150 186	#E996BA
83.3%	83.3% #F4A6BD	RGB 244 166 189	#F4A6BD
100.0%	100.0% #FFB7C2	RGB 255 183 194	#FFB7C2

#BC5EBE #C86ABC #D378BA #DE86B9 #E996BA #F4A6BD #FFB7C2

#BD5EBE - #DE86B9 - #FFB7C2

CSS codes

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

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