#CCBDB2 - #3A3532 | 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 #CCBDB2 to #3A3532

#CCBDB2 #3A3532

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

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

0.0%	0.0% #CCBDB2	RGB 204 189 178	#CCBDB2
16.7%	16.7% #B3A69C	RGB 179 166 156	#B3A69C
33.3%	33.3% #9B8F87	RGB 155 143 135	#9B8F87
50.0%	50.0% #837972	RGB 131 121 114	#837972
66.7%	66.7% #6A625C	RGB 106 98 92	#6A625C
83.3%	83.3% #524B47	RGB 82 75 71	#524B47
100.0%	100.0% #3A3532	RGB 58 53 50	#3A3532

#CCBDB2 #B3A69C #9B8F87 #837972 #6A625C #524B47 #3A3532

#CCBDB2 - #3A3532

HSV Blend

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

0.0%	0.0% #CCBDB2	RGB 204 189 178	#CCBDB2
16.7%	16.7% #B3A69C	RGB 179 166 156	#B3A69C
33.3%	33.3% #9B8F86	RGB 155 143 134	#9B8F86
50.0%	50.0% #837871	RGB 131 120 113	#837871
66.7%	66.7% #6A615C	RGB 106 97 92	#6A615C
83.3%	83.3% #524B47	RGB 82 75 71	#524B47
100.0%	100.0% #3A3532	RGB 58 53 50	#3A3532

#CCBDB2 #B3A69C #9B8F86 #837871 #6A615C #524B47 #3A3532

#CCBDB2 - #837871 - #3A3532

CSS codes

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

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