#F040B5 - #8F0A6B | 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 #F040B5 to #8F0A6B

#F040B5 #8F0A6B

Calculate the color between two colors, #F040B5 and #8F0A6B. 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)

#F040B5 - #8F0A6B | 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 #F040B5 as 0% and #8F0A6B as 100%.

0.0%	0.0% #F040B5	RGB 240 64 181	#F040B5
16.7%	16.7% #DF37A8	RGB 223 55 168	#DF37A8
33.3%	33.3% #CF2E9C	RGB 207 46 156	#CF2E9C
50.0%	50.0% #BF2590	RGB 191 37 144	#BF2590
66.7%	66.7% #AF1C83	RGB 175 28 131	#AF1C83
83.3%	83.3% #9F1377	RGB 159 19 119	#9F1377
100.0%	100.0% #8F0A6B	RGB 143 10 107	#8F0A6B

#F040B5 #DF37A8 #CF2E9C #BF2590 #AF1C83 #9F1377 #8F0A6B

#F040B5 - #8F0A6B

HSV Blend

#F040B5 - #8F0A6B | 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 #F040B5 as 0% and #8F0A6B as 100%.

0.0%	0.0% #F040B4	RGB 240 64 180	#F040B4
16.7%	16.7% #DF34A8	RGB 223 52 168	#DF34A8
33.3%	33.3% #CF299B	RGB 207 41 155	#CF299B
50.0%	50.0% #BF208F	RGB 191 32 143	#BF208F
66.7%	66.7% #AF1783	RGB 175 23 131	#AF1783
83.3%	83.3% #9F1076	RGB 159 16 118	#9F1076
100.0%	100.0% #8F0A6B	RGB 143 10 107	#8F0A6B

#F040B4 #DF34A8 #CF299B #BF208F #AF1783 #9F1076 #8F0A6B

#F040B5 - #BF208F - #8F0A6B

CSS codes

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

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