#B8725C - #FDBC7A | 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 #B8725C to #FDBC7A

#B8725C #FDBC7A

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

#B8725C - #FDBC7A | 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 #B8725C as 0% and #FDBC7A as 100%.

0.0%	0.0% #B8725C	RGB 184 114 92	#B8725C
16.7%	16.7% #C37E61	RGB 195 126 97	#C37E61
33.3%	33.3% #CF8A66	RGB 207 138 102	#CF8A66
50.0%	50.0% #DA976B	RGB 218 151 107	#DA976B
66.7%	66.7% #E6A370	RGB 230 163 112	#E6A370
83.3%	83.3% #F1AF75	RGB 241 175 117	#F1AF75
100.0%	100.0% #FDBC7A	RGB 253 188 122	#FDBC7A

#B8725C #C37E61 #CF8A66 #DA976B #E6A370 #F1AF75 #FDBC7A

#B8725C - #FDBC7A

HSV Blend

#B8725C - #FDBC7A | 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 #B8725C as 0% and #FDBC7A as 100%.

0.0%	0.0% #B8725C	RGB 184 114 92	#B8725C
16.7%	16.7% #C37D61	RGB 195 125 97	#C37D61
33.3%	33.3% #CF8866	RGB 207 136 102	#CF8866
50.0%	50.0% #DA946B	RGB 218 148 107	#DA946B
66.7%	66.7% #E6A170	RGB 230 161 112	#E6A170
83.3%	83.3% #F1AE75	RGB 241 174 117	#F1AE75
100.0%	100.0% #FDBC7A	RGB 253 188 122	#FDBC7A

#B8725C #C37D61 #CF8866 #DA946B #E6A170 #F1AE75 #FDBC7A

#B8725C - #DA946B - #FDBC7A

CSS codes

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

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