#B05496 - #F7AFB7 | 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 #B05496 to #F7AFB7

#B05496 #F7AFB7

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

#B05496 - #F7AFB7 | 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 #B05496 as 0% and #F7AFB7 as 100%.

0.0%	0.0% #B05496	RGB 176 84 150	#B05496
16.7%	16.7% #BB639B	RGB 187 99 155	#BB639B
33.3%	33.3% #C772A1	RGB 199 114 161	#C772A1
50.0%	50.0% #D381A6	RGB 211 129 166	#D381A6
66.7%	66.7% #DF90AC	RGB 223 144 172	#DF90AC
83.3%	83.3% #EB9FB1	RGB 235 159 177	#EB9FB1
100.0%	100.0% #F7AFB7	RGB 247 175 183	#F7AFB7

#B05496 #BB639B #C772A1 #D381A6 #DF90AC #EB9FB1 #F7AFB7

#B05496 - #F7AFB7

HSV Blend

#B05496 - #F7AFB7 | 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 #B05496 as 0% and #F7AFB7 as 100%.

0.0%	0.0% #B05496	RGB 176 84 150	#B05496
16.7%	16.7% #BB6098	RGB 187 96 152	#BB6098
33.3%	33.3% #C76E9C	RGB 199 110 156	#C76E9C
50.0%	50.0% #D37DA1	RGB 211 125 161	#D37DA1
66.7%	66.7% #DF8DA6	RGB 223 141 166	#DF8DA6
83.3%	83.3% #EB9DAE	RGB 235 157 174	#EB9DAE
100.0%	100.0% #F7AFB7	RGB 247 175 183	#F7AFB7

#B05496 #BB6098 #C76E9C #D37DA1 #DF8DA6 #EB9DAE #F7AFB7

#B05496 - #D37DA1 - #F7AFB7

CSS codes

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

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