#B99D9F - #804E50 | 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 #B99D9F to #804E50

#B99D9F #804E50

Calculate the color between two colors, #B99D9F and #804E50. 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)

#B99D9F - #804E50 | 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 #B99D9F as 0% and #804E50 as 100%.

0.0%	0.0% #B99D9F	RGB 185 157 159	#B99D9F
16.7%	16.7% #AF8F91	RGB 175 143 145	#AF8F91
33.3%	33.3% #A68284	RGB 166 130 132	#A68284
50.0%	50.0% #9C7577	RGB 156 117 119	#9C7577
66.7%	66.7% #93686A	RGB 147 104 106	#93686A
83.3%	83.3% #895B5D	RGB 137 91 93	#895B5D
100.0%	100.0% #804E50	RGB 128 78 80	#804E50

#B99D9F #AF8F91 #A68284 #9C7577 #93686A #895B5D #804E50

#B99D9F - #804E50

HSV Blend

#B99D9F - #804E50 | 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 #B99D9F as 0% and #804E50 as 100%.

0.0%	0.0% #B99D9F	RGB 185 157 159	#B99D9F
16.7%	16.7% #AF8D90	RGB 175 141 144	#AF8D90
33.3%	33.3% #A67F81	RGB 166 127 129	#A67F81
50.0%	50.0% #9C7274	RGB 156 114 116	#9C7274
66.7%	66.7% #936567	RGB 147 101 103	#936567
83.3%	83.3% #89595B	RGB 137 89 91	#89595B
100.0%	100.0% #804E50	RGB 128 78 80	#804E50

#B99D9F #AF8D90 #A67F81 #9C7274 #936567 #89595B #804E50

#B99D9F - #9C7274 - #804E50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B99D9F 0%, #9C7274 50%, #804E50 100%);
    background: -webkit-linear-gradient(top, #B99D9F 0%, #9C7274 50%, #804E50 100%);
    background: linear-gradient(to bottom, #B99D9F 0%, #9C7274 50%, #804E50 100%);
}
</style>