#B05AA2 - #FB85A7 | 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 #B05AA2 to #FB85A7

#B05AA2 #FB85A7

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

#B05AA2 - #FB85A7 | 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 #B05AA2 as 0% and #FB85A7 as 100%.

0.0%	0.0% #B05AA2	RGB 176 90 162	#B05AA2
16.7%	16.7% #BC61A2	RGB 188 97 162	#BC61A2
33.3%	33.3% #C968A3	RGB 201 104 163	#C968A3
50.0%	50.0% #D56FA4	RGB 213 111 164	#D56FA4
66.7%	66.7% #E276A5	RGB 226 118 165	#E276A5
83.3%	83.3% #EE7DA6	RGB 238 125 166	#EE7DA6
100.0%	100.0% #FB85A7	RGB 251 133 167	#FB85A7

#B05AA2 #BC61A2 #C968A3 #D56FA4 #E276A5 #EE7DA6 #FB85A7

#B05AA2 - #FB85A7

HSV Blend

#B05AA2 - #FB85A7 | 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 #B05AA2 as 0% and #FB85A7 as 100%.

0.0%	0.0% #B05AA2	RGB 176 90 162	#B05AA2
16.7%	16.7% #BC60A5	RGB 188 96 165	#BC60A5
33.3%	33.3% #C968A7	RGB 201 104 167	#C968A7
50.0%	50.0% #D56FA8	RGB 213 111 168	#D56FA8
66.7%	66.7% #E276A9	RGB 226 118 169	#E276A9
83.3%	83.3% #EE7DA8	RGB 238 125 168	#EE7DA8
100.0%	100.0% #FB85A7	RGB 251 133 167	#FB85A7

#B05AA2 #BC60A5 #C968A7 #D56FA8 #E276A9 #EE7DA8 #FB85A7

#B05AA2 - #D56FA8 - #FB85A7

CSS codes

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

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