#B06F75 - #FEB98A | 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 #B06F75 to #FEB98A

#B06F75 #FEB98A

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

#B06F75 - #FEB98A | 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 #B06F75 as 0% and #FEB98A as 100%.

0.0%	0.0% #B06F75	RGB 176 111 117	#B06F75
16.7%	16.7% #BD7B78	RGB 189 123 120	#BD7B78
33.3%	33.3% #CA877C	RGB 202 135 124	#CA877C
50.0%	50.0% #D7947F	RGB 215 148 127	#D7947F
66.7%	66.7% #E4A083	RGB 228 160 131	#E4A083
83.3%	83.3% #F1AC86	RGB 241 172 134	#F1AC86
100.0%	100.0% #FEB98A	RGB 254 185 138	#FEB98A

#B06F75 #BD7B78 #CA877C #D7947F #E4A083 #F1AC86 #FEB98A

#B06F75 - #FEB98A

HSV Blend

#B06F75 - #FEB98A | 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 #B06F75 as 0% and #FEB98A as 100%.

0.0%	0.0% #B06F75	RGB 176 111 117	#B06F75
16.7%	16.7% #BD7475	RGB 189 116 117	#BD7475
33.3%	33.3% #CA7F79	RGB 202 127 121	#CA7F79
50.0%	50.0% #D78C7E	RGB 215 140 126	#D78C7E
66.7%	66.7% #E49982	RGB 228 153 130	#E49982
83.3%	83.3% #F1A886	RGB 241 168 134	#F1A886
100.0%	100.0% #FEB98A	RGB 254 185 138	#FEB98A

#B06F75 #BD7475 #CA7F79 #D78C7E #E49982 #F1A886 #FEB98A

#B06F75 - #D78C7E - #FEB98A

CSS codes

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

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