#B65BA1 - #FD7F9F | 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 #B65BA1 to #FD7F9F

#B65BA1 #FD7F9F

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

#B65BA1 - #FD7F9F | 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 #B65BA1 as 0% and #FD7F9F as 100%.

0.0%	0.0% #B65BA1	RGB 182 91 161	#B65BA1
16.7%	16.7% #C161A0	RGB 193 97 160	#C161A0
33.3%	33.3% #CD67A0	RGB 205 103 160	#CD67A0
50.0%	50.0% #D96DA0	RGB 217 109 160	#D96DA0
66.7%	66.7% #E5739F	RGB 229 115 159	#E5739F
83.3%	83.3% #F1799F	RGB 241 121 159	#F1799F
100.0%	100.0% #FD7F9F	RGB 253 127 159	#FD7F9F

#B65BA1 #C161A0 #CD67A0 #D96DA0 #E5739F #F1799F #FD7F9F

#B65BA1 - #FD7F9F

HSV Blend

#B65BA1 - #FD7F9F | 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 #B65BA1 as 0% and #FD7F9F as 100%.

0.0%	0.0% #B65BA1	RGB 182 91 161	#B65BA1
16.7%	16.7% #C160A3	RGB 193 96 163	#C160A3
33.3%	33.3% #CD66A4	RGB 205 102 164	#CD66A4
50.0%	50.0% #D96CA4	RGB 217 108 164	#D96CA4
66.7%	66.7% #E572A3	RGB 229 114 163	#E572A3
83.3%	83.3% #F178A1	RGB 241 120 161	#F178A1
100.0%	100.0% #FD7F9F	RGB 253 127 159	#FD7F9F

#B65BA1 #C160A3 #CD66A4 #D96CA4 #E572A3 #F178A1 #FD7F9F

#B65BA1 - #D96CA4 - #FD7F9F

CSS codes

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

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