#B38A8A - #FED3AC | 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 #B38A8A to #FED3AC

#B38A8A #FED3AC

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

#B38A8A - #FED3AC | 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 #B38A8A as 0% and #FED3AC as 100%.

0.0%	0.0% #B38A8A	RGB 179 138 138	#B38A8A
16.7%	16.7% #BF968F	RGB 191 150 143	#BF968F
33.3%	33.3% #CCA295	RGB 204 162 149	#CCA295
50.0%	50.0% #D8AE9B	RGB 216 174 155	#D8AE9B
66.7%	66.7% #E5BAA0	RGB 229 186 160	#E5BAA0
83.3%	83.3% #F1C6A6	RGB 241 198 166	#F1C6A6
100.0%	100.0% #FED3AC	RGB 254 211 172	#FED3AC

#B38A8A #BF968F #CCA295 #D8AE9B #E5BAA0 #F1C6A6 #FED3AC

#B38A8A - #FED3AC

HSV Blend

#B38A8A - #FED3AC | 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 #B38A8A as 0% and #FED3AC as 100%.

0.0%	0.0% #B38A8A	RGB 179 138 138	#B38A8A
16.7%	16.7% #BF9490	RGB 191 148 144	#BF9490
33.3%	33.3% #CC9F96	RGB 204 159 150	#CC9F96
50.0%	50.0% #D8AA9C	RGB 216 170 156	#D8AA9C
66.7%	66.7% #E5B7A2	RGB 229 183 162	#E5B7A2
83.3%	83.3% #F1C4A7	RGB 241 196 167	#F1C4A7
100.0%	100.0% #FED3AC	RGB 254 211 172	#FED3AC

#B38A8A #BF9490 #CC9F96 #D8AA9C #E5B7A2 #F1C4A7 #FED3AC

#B38A8A - #D8AA9C - #FED3AC

CSS codes

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

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