#B9939B - #FFD6B0 | 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 #B9939B to #FFD6B0

#B9939B #FFD6B0

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

#B9939B - #FFD6B0 | 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 #B9939B as 0% and #FFD6B0 as 100%.

0.0%	0.0% #B9939B	RGB 185 147 155	#B9939B
16.7%	16.7% #C49E9E	RGB 196 158 158	#C49E9E
33.3%	33.3% #D0A9A2	RGB 208 169 162	#D0A9A2
50.0%	50.0% #DCB4A5	RGB 220 180 165	#DCB4A5
66.7%	66.7% #E7BFA9	RGB 231 191 169	#E7BFA9
83.3%	83.3% #F3CAAC	RGB 243 202 172	#F3CAAC
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#B9939B #C49E9E #D0A9A2 #DCB4A5 #E7BFA9 #F3CAAC #FFD6B0

#B9939B - #FFD6B0

HSV Blend

#B9939B - #FFD6B0 | 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 #B9939B as 0% and #FFD6B0 as 100%.

0.0%	0.0% #B9939B	RGB 185 147 155	#B9939B
16.7%	16.7% #C4989D	RGB 196 152 157	#C4989D
33.3%	33.3% #D09F9E	RGB 208 159 158	#D09F9E
50.0%	50.0% #DCAAA3	RGB 220 170 163	#DCAAA3
66.7%	66.7% #E7B7A7	RGB 231 183 167	#E7B7A7
83.3%	83.3% #F3C6AC	RGB 243 198 172	#F3C6AC
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#B9939B #C4989D #D09F9E #DCAAA3 #E7B7A7 #F3C6AC #FFD6B0

#B9939B - #DCAAA3 - #FFD6B0

CSS codes

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

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