#BF4D5E - #FF9D6E | 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 #BF4D5E to #FF9D6E

#BF4D5E #FF9D6E

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

#BF4D5E - #FF9D6E | 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 #BF4D5E as 0% and #FF9D6E as 100%.

0.0%	0.0% #BF4D5E	RGB 191 77 94	#BF4D5E
16.7%	16.7% #C95A60	RGB 201 90 96	#C95A60
33.3%	33.3% #D46763	RGB 212 103 99	#D46763
50.0%	50.0% #DF7566	RGB 223 117 102	#DF7566
66.7%	66.7% #E98268	RGB 233 130 104	#E98268
83.3%	83.3% #F48F6B	RGB 244 143 107	#F48F6B
100.0%	100.0% #FF9D6E	RGB 255 157 110	#FF9D6E

#BF4D5E #C95A60 #D46763 #DF7566 #E98268 #F48F6B #FF9D6E

#BF4D5E - #FF9D6E

HSV Blend

#BF4D5E - #FF9D6E | 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 #BF4D5E as 0% and #FF9D6E as 100%.

0.0%	0.0% #BF4D5E	RGB 191 77 94	#BF4D5E
16.7%	16.7% #C9525A	RGB 201 82 90	#C9525A
33.3%	33.3% #D45857	RGB 212 88 87	#D45857
50.0%	50.0% #DF685D	RGB 223 104 93	#DF685D
66.7%	66.7% #E97962	RGB 233 121 98	#E97962
83.3%	83.3% #F48A68	RGB 244 138 104	#F48A68
100.0%	100.0% #FF9D6E	RGB 255 157 110	#FF9D6E

#BF4D5E #C9525A #D45857 #DF685D #E97962 #F48A68 #FF9D6E

#BF4D5E - #DF685D - #FF9D6E

CSS codes

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

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