#BA5D6B - #FEAC7F | 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 #BA5D6B to #FEAC7F

#BA5D6B #FEAC7F

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

#BA5D6B - #FEAC7F | 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 #BA5D6B as 0% and #FEAC7F as 100%.

0.0%	0.0% #BA5D6B	RGB 186 93 107	#BA5D6B
16.7%	16.7% #C56A6E	RGB 197 106 110	#C56A6E
33.3%	33.3% #D07771	RGB 208 119 113	#D07771
50.0%	50.0% #DC8475	RGB 220 132 117	#DC8475
66.7%	66.7% #E79178	RGB 231 145 120	#E79178
83.3%	83.3% #F29E7B	RGB 242 158 123	#F29E7B
100.0%	100.0% #FEAC7F	RGB 254 172 127	#FEAC7F

#BA5D6B #C56A6E #D07771 #DC8475 #E79178 #F29E7B #FEAC7F

#BA5D6B - #FEAC7F

HSV Blend

#BA5D6B - #FEAC7F | 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 #BA5D6B as 0% and #FEAC7F as 100%.

0.0%	0.0% #BA5D6B	RGB 186 93 107	#BA5D6B
16.7%	16.7% #C56269	RGB 197 98 105	#C56269
33.3%	33.3% #D06A68	RGB 208 106 104	#D06A68
50.0%	50.0% #DC796E	RGB 220 121 110	#DC796E
66.7%	66.7% #E78973	RGB 231 137 115	#E78973
83.3%	83.3% #F29A79	RGB 242 154 121	#F29A79
100.0%	100.0% #FEAC7F	RGB 254 172 127	#FEAC7F

#BA5D6B #C56269 #D06A68 #DC796E #E78973 #F29A79 #FEAC7F

#BA5D6B - #DC796E - #FEAC7F

CSS codes

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

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