#B8749C - #FC96A6 | 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 #B8749C to #FC96A6

#B8749C #FC96A6

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

#B8749C - #FC96A6 | 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 #B8749C as 0% and #FC96A6 as 100%.

0.0%	0.0% #B8749C	RGB 184 116 156	#B8749C
16.7%	16.7% #C3799D	RGB 195 121 157	#C3799D
33.3%	33.3% #CE7F9F	RGB 206 127 159	#CE7F9F
50.0%	50.0% #DA85A1	RGB 218 133 161	#DA85A1
66.7%	66.7% #E58AA2	RGB 229 138 162	#E58AA2
83.3%	83.3% #F090A4	RGB 240 144 164	#F090A4
100.0%	100.0% #FC96A6	RGB 252 150 166	#FC96A6

#B8749C #C3799D #CE7F9F #DA85A1 #E58AA2 #F090A4 #FC96A6

#B8749C - #FC96A6

HSV Blend

#B8749C - #FC96A6 | 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 #B8749C as 0% and #FC96A6 as 100%.

0.0%	0.0% #B8749C	RGB 184 116 156	#B8749C
16.7%	16.7% #C3799F	RGB 195 121 159	#C3799F
33.3%	33.3% #CE7FA2	RGB 206 127 162	#CE7FA2
50.0%	50.0% #DA85A5	RGB 218 133 165	#DA85A5
66.7%	66.7% #E58BA6	RGB 229 139 166	#E58BA6
83.3%	83.3% #F090A6	RGB 240 144 166	#F090A6
100.0%	100.0% #FC96A6	RGB 252 150 166	#FC96A6

#B8749C #C3799F #CE7FA2 #DA85A5 #E58BA6 #F090A6 #FC96A6

#B8749C - #DA85A5 - #FC96A6

CSS codes

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

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