#B05495 - #F7AFB6 | 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 #B05495 to #F7AFB6

#B05495 #F7AFB6

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

#B05495 - #F7AFB6 | 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 #B05495 as 0% and #F7AFB6 as 100%.

0.0%	0.0% #B05495	RGB 176 84 149	#B05495
16.7%	16.7% #BB639A	RGB 187 99 154	#BB639A
33.3%	33.3% #C772A0	RGB 199 114 160	#C772A0
50.0%	50.0% #D381A5	RGB 211 129 165	#D381A5
66.7%	66.7% #DF90AB	RGB 223 144 171	#DF90AB
83.3%	83.3% #EB9FB0	RGB 235 159 176	#EB9FB0
100.0%	100.0% #F7AFB6	RGB 247 175 182	#F7AFB6

#B05495 #BB639A #C772A0 #D381A5 #DF90AB #EB9FB0 #F7AFB6

#B05495 - #F7AFB6

HSV Blend

#B05495 - #F7AFB6 | 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 #B05495 as 0% and #F7AFB6 as 100%.

0.0%	0.0% #B05495	RGB 176 84 149	#B05495
16.7%	16.7% #BB6097	RGB 187 96 151	#BB6097
33.3%	33.3% #C76E9B	RGB 199 110 155	#C76E9B
50.0%	50.0% #D37D9F	RGB 211 125 159	#D37D9F
66.7%	66.7% #DF8DA5	RGB 223 141 165	#DF8DA5
83.3%	83.3% #EB9DAC	RGB 235 157 172	#EB9DAC
100.0%	100.0% #F7AFB6	RGB 247 175 182	#F7AFB6

#B05495 #BB6097 #C76E9B #D37D9F #DF8DA5 #EB9DAC #F7AFB6

#B05495 - #D37D9F - #F7AFB6

CSS codes

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

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