#482B3C - #CAC2C7 | 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 #482B3C to #CAC2C7

#482B3C #CAC2C7

Calculate the color between two colors, #482B3C and #CAC2C7. 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)

#482B3C - #CAC2C7 | 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 #482B3C as 0% and #CAC2C7 as 100%.

0.0%	0.0% #482B3C	RGB 72 43 60	#482B3C
16.7%	16.7% #5D4453	RGB 93 68 83	#5D4453
33.3%	33.3% #735D6A	RGB 115 93 106	#735D6A
50.0%	50.0% #897681	RGB 137 118 129	#897681
66.7%	66.7% #9E8F98	RGB 158 143 152	#9E8F98
83.3%	83.3% #B4A8AF	RGB 180 168 175	#B4A8AF
100.0%	100.0% #CAC2C7	RGB 202 194 199	#CAC2C7

#482B3C #5D4453 #735D6A #897681 #9E8F98 #B4A8AF #CAC2C7

#482B3C - #CAC2C7

HSV Blend

#482B3C - #CAC2C7 | 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 #482B3C as 0% and #CAC2C7 as 100%.

0.0%	0.0% #482B3C	RGB 72 43 60	#482B3C
16.7%	16.7% #5D3D50	RGB 93 61 80	#5D3D50
33.3%	33.3% #735266	RGB 115 82 102	#735266
50.0%	50.0% #896A7D	RGB 137 106 125	#896A7D
66.7%	66.7% #9E8594	RGB 158 133 148	#9E8594
83.3%	83.3% #B4A2AD	RGB 180 162 173	#B4A2AD
100.0%	100.0% #CAC2C7	RGB 202 194 199	#CAC2C7

#482B3C #5D3D50 #735266 #896A7D #9E8594 #B4A2AD #CAC2C7

#482B3C - #896A7D - #CAC2C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482B3C 0%, #896A7D 50%, #CAC2C7 100%);
    background: -webkit-linear-gradient(top, #482B3C 0%, #896A7D 50%, #CAC2C7 100%);
    background: linear-gradient(to bottom, #482B3C 0%, #896A7D 50%, #CAC2C7 100%);
}
</style>