#CCBAA2 - #3A342E | 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 #CCBAA2 to #3A342E

#CCBAA2 #3A342E

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

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

0.0%	0.0% #CCBAA2	RGB 204 186 162	#CCBAA2
16.7%	16.7% #B3A38E	RGB 179 163 142	#B3A38E
33.3%	33.3% #9B8D7B	RGB 155 141 123	#9B8D7B
50.0%	50.0% #837768	RGB 131 119 104	#837768
66.7%	66.7% #6A6054	RGB 106 96 84	#6A6054
83.3%	83.3% #524A41	RGB 82 74 65	#524A41
100.0%	100.0% #3A342E	RGB 58 52 46	#3A342E

#CCBAA2 #B3A38E #9B8D7B #837768 #6A6054 #524A41 #3A342E

#CCBAA2 - #3A342E

HSV Blend

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

0.0%	0.0% #CCBAA2	RGB 204 186 162	#CCBAA2
16.7%	16.7% #B3A38E	RGB 179 163 142	#B3A38E
33.3%	33.3% #9B8C7B	RGB 155 140 123	#9B8C7B
50.0%	50.0% #837667	RGB 131 118 103	#837667
66.7%	66.7% #6A6054	RGB 106 96 84	#6A6054
83.3%	83.3% #524A41	RGB 82 74 65	#524A41
100.0%	100.0% #3A342E	RGB 58 52 46	#3A342E

#CCBAA2 #B3A38E #9B8C7B #837667 #6A6054 #524A41 #3A342E

#CCBAA2 - #837667 - #3A342E

CSS codes

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

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