#B05D98 - #F7B6B8 | 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 #B05D98 to #F7B6B8

#B05D98 #F7B6B8

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

#B05D98 - #F7B6B8 | 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 #B05D98 as 0% and #F7B6B8 as 100%.

0.0%	0.0% #B05D98	RGB 176 93 152	#B05D98
16.7%	16.7% #BB6B9D	RGB 187 107 157	#BB6B9D
33.3%	33.3% #C77AA2	RGB 199 122 162	#C77AA2
50.0%	50.0% #D389A8	RGB 211 137 168	#D389A8
66.7%	66.7% #DF98AD	RGB 223 152 173	#DF98AD
83.3%	83.3% #EBA7B2	RGB 235 167 178	#EBA7B2
100.0%	100.0% #F7B6B8	RGB 247 182 184	#F7B6B8

#B05D98 #BB6B9D #C77AA2 #D389A8 #DF98AD #EBA7B2 #F7B6B8

#B05D98 - #F7B6B8

HSV Blend

#B05D98 - #F7B6B8 | 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 #B05D98 as 0% and #F7B6B8 as 100%.

0.0%	0.0% #B05D98	RGB 176 93 152	#B05D98
16.7%	16.7% #BB699A	RGB 187 105 154	#BB699A
33.3%	33.3% #C7779E	RGB 199 119 158	#C7779E
50.0%	50.0% #D385A2	RGB 211 133 162	#D385A2
66.7%	66.7% #DF95A8	RGB 223 149 168	#DF95A8
83.3%	83.3% #EBA5AF	RGB 235 165 175	#EBA5AF
100.0%	100.0% #F7B6B8	RGB 247 182 184	#F7B6B8

#B05D98 #BB699A #C7779E #D385A2 #DF95A8 #EBA5AF #F7B6B8

#B05D98 - #D385A2 - #F7B6B8

CSS codes

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

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