#CCC3A1 - #3A372E | 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 #CCC3A1 to #3A372E

#CCC3A1 #3A372E

Calculate the color between two colors, #CCC3A1 and #3A372E. 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)

#CCC3A1 - #3A372E | 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 #CCC3A1 as 0% and #3A372E as 100%.

0.0%	0.0% #CCC3A1	RGB 204 195 161	#CCC3A1
16.7%	16.7% #B3AB8D	RGB 179 171 141	#B3AB8D
33.3%	33.3% #9B947A	RGB 155 148 122	#9B947A
50.0%	50.0% #837D67	RGB 131 125 103	#837D67
66.7%	66.7% #6A6554	RGB 106 101 84	#6A6554
83.3%	83.3% #524E41	RGB 82 78 65	#524E41
100.0%	100.0% #3A372E	RGB 58 55 46	#3A372E

#CCC3A1 #B3AB8D #9B947A #837D67 #6A6554 #524E41 #3A372E

#CCC3A1 - #3A372E

HSV Blend

#CCC3A1 - #3A372E | 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 #CCC3A1 as 0% and #3A372E as 100%.

0.0%	0.0% #CCC3A1	RGB 204 195 161	#CCC3A1
16.7%	16.7% #B3AB8D	RGB 179 171 141	#B3AB8D
33.3%	33.3% #9B947A	RGB 155 148 122	#9B947A
50.0%	50.0% #837C67	RGB 131 124 103	#837C67
66.7%	66.7% #6A6554	RGB 106 101 84	#6A6554
83.3%	83.3% #524E41	RGB 82 78 65	#524E41
100.0%	100.0% #3A372E	RGB 58 55 46	#3A372E

#CCC3A1 #B3AB8D #9B947A #837C67 #6A6554 #524E41 #3A372E

#CCC3A1 - #837C67 - #3A372E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC3A1 0%, #837C67 50%, #3A372E 100%);
    background: -webkit-linear-gradient(top, #CCC3A1 0%, #837C67 50%, #3A372E 100%);
    background: linear-gradient(to bottom, #CCC3A1 0%, #837C67 50%, #3A372E 100%);
}
</style>