#CDCBA4 - #3A392E | 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 #CDCBA4 to #3A392E

#CDCBA4 #3A392E

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

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

0.0%	0.0% #CDCBA4	RGB 205 203 164	#CDCBA4
16.7%	16.7% #B4B290	RGB 180 178 144	#B4B290
33.3%	33.3% #9C9A7C	RGB 156 154 124	#9C9A7C
50.0%	50.0% #838269	RGB 131 130 105	#838269
66.7%	66.7% #6B6955	RGB 107 105 85	#6B6955
83.3%	83.3% #525141	RGB 82 81 65	#525141
100.0%	100.0% #3A392E	RGB 58 57 46	#3A392E

#CDCBA4 #B4B290 #9C9A7C #838269 #6B6955 #525141 #3A392E

#CDCBA4 - #3A392E

HSV Blend

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

0.0%	0.0% #CDCBA4	RGB 205 203 164	#CDCBA4
16.7%	16.7% #B4B290	RGB 180 178 144	#B4B290
33.3%	33.3% #9C9A7C	RGB 156 154 124	#9C9A7C
50.0%	50.0% #838168	RGB 131 129 104	#838168
66.7%	66.7% #6B6955	RGB 107 105 85	#6B6955
83.3%	83.3% #525141	RGB 82 81 65	#525141
100.0%	100.0% #3A392E	RGB 58 57 46	#3A392E

#CDCBA4 #B4B290 #9C9A7C #838168 #6B6955 #525141 #3A392E

#CDCBA4 - #838168 - #3A392E

CSS codes

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

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