#C49BAB - #8B4963 | 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 #C49BAB to #8B4963

#C49BAB #8B4963

Calculate the color between two colors, #C49BAB and #8B4963. 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)

#C49BAB - #8B4963 | 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 #C49BAB as 0% and #8B4963 as 100%.

0.0%	0.0% #C49BAB	RGB 196 155 171	#C49BAB
16.7%	16.7% #BA8D9F	RGB 186 141 159	#BA8D9F
33.3%	33.3% #B17F93	RGB 177 127 147	#B17F93
50.0%	50.0% #A77287	RGB 167 114 135	#A77287
66.7%	66.7% #9E647B	RGB 158 100 123	#9E647B
83.3%	83.3% #94566F	RGB 148 86 111	#94566F
100.0%	100.0% #8B4963	RGB 139 73 99	#8B4963

#C49BAB #BA8D9F #B17F93 #A77287 #9E647B #94566F #8B4963

#C49BAB - #8B4963

HSV Blend

#C49BAB - #8B4963 | 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 #C49BAB as 0% and #8B4963 as 100%.

0.0%	0.0% #C49BAB	RGB 196 155 171	#C49BAB
16.7%	16.7% #BA8B9D	RGB 186 139 157	#BA8B9D
33.3%	33.3% #B17C90	RGB 177 124 144	#B17C90
50.0%	50.0% #A76E84	RGB 167 110 132	#A76E84
66.7%	66.7% #9E6078	RGB 158 96 120	#9E6078
83.3%	83.3% #94546D	RGB 148 84 109	#94546D
100.0%	100.0% #8B4963	RGB 139 73 99	#8B4963

#C49BAB #BA8B9D #B17C90 #A76E84 #9E6078 #94546D #8B4963

#C49BAB - #A76E84 - #8B4963

CSS codes

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

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