#FF6C92 - #BF0D47 | 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 #FF6C92 to #BF0D47

#FF6C92 #BF0D47

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

#FF6C92 - #BF0D47 | 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 #FF6C92 as 0% and #BF0D47 as 100%.

0.0%	0.0% #FF6C92	RGB 255 108 146	#FF6C92
16.7%	16.7% #F45C85	RGB 244 92 133	#F45C85
33.3%	33.3% #E94C79	RGB 233 76 121	#E94C79
50.0%	50.0% #DF3C6C	RGB 223 60 108	#DF3C6C
66.7%	66.7% #D42C60	RGB 212 44 96	#D42C60
83.3%	83.3% #C91C53	RGB 201 28 83	#C91C53
100.0%	100.0% #BF0D47	RGB 191 13 71	#BF0D47

#FF6C92 #F45C85 #E94C79 #DF3C6C #D42C60 #C91C53 #BF0D47

#FF6C92 - #BF0D47

HSV Blend

#FF6C92 - #BF0D47 | 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 #FF6C92 as 0% and #BF0D47 as 100%.

0.0%	0.0% #FF6C92	RGB 255 108 146	#FF6C92
16.7%	16.7% #F45982	RGB 244 89 130	#F45982
33.3%	33.3% #E94774	RGB 233 71 116	#E94774
50.0%	50.0% #DF3667	RGB 223 54 103	#DF3667
66.7%	66.7% #D4275C	RGB 212 39 92	#D4275C
83.3%	83.3% #C91951	RGB 201 25 81	#C91951
100.0%	100.0% #BF0D47	RGB 191 13 71	#BF0D47

#FF6C92 #F45982 #E94774 #DF3667 #D4275C #C91951 #BF0D47

#FF6C92 - #DF3667 - #BF0D47

CSS codes

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

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