#FF67A6 - #BF005B | 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 #FF67A6 to #BF005B

#FF67A6 #BF005B

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

#FF67A6 - #BF005B | 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 #FF67A6 as 0% and #BF005B as 100%.

0.0%	0.0% #FF67A6	RGB 255 103 166	#FF67A6
16.7%	16.7% #F45599	RGB 244 85 153	#F45599
33.3%	33.3% #E9448D	RGB 233 68 141	#E9448D
50.0%	50.0% #DF3380	RGB 223 51 128	#DF3380
66.7%	66.7% #D42274	RGB 212 34 116	#D42274
83.3%	83.3% #C91167	RGB 201 17 103	#C91167
100.0%	100.0% #BF005B	RGB 191 0 91	#BF005B

#FF67A6 #F45599 #E9448D #DF3380 #D42274 #C91167 #BF005B

#FF67A6 - #BF005B

HSV Blend

#FF67A6 - #BF005B | 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 #FF67A6 as 0% and #BF005B as 100%.

0.0%	0.0% #FF67A5	RGB 255 103 165	#FF67A5
16.7%	16.7% #F45297	RGB 244 82 151	#F45297
33.3%	33.3% #E93E89	RGB 233 62 137	#E93E89
50.0%	50.0% #DF2D7C	RGB 223 45 124	#DF2D7C
66.7%	66.7% #D41C70	RGB 212 28 112	#D41C70
83.3%	83.3% #C90D65	RGB 201 13 101	#C90D65
100.0%	100.0% #BF005B	RGB 191 0 91	#BF005B

#FF67A5 #F45297 #E93E89 #DF2D7C #D41C70 #C90D65 #BF005B

#FF67A6 - #DF2D7C - #BF005B

CSS codes

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

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