#CC9C91 - #3A2B29 | 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 #CC9C91 to #3A2B29

#CC9C91 #3A2B29

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

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

0.0%	0.0% #CC9C91	RGB 204 156 145	#CC9C91
16.7%	16.7% #B3897F	RGB 179 137 127	#B3897F
33.3%	33.3% #9B766E	RGB 155 118 110	#9B766E
50.0%	50.0% #83635D	RGB 131 99 93	#83635D
66.7%	66.7% #6A504B	RGB 106 80 75	#6A504B
83.3%	83.3% #523D3A	RGB 82 61 58	#523D3A
100.0%	100.0% #3A2B29	RGB 58 43 41	#3A2B29

#CC9C91 #B3897F #9B766E #83635D #6A504B #523D3A #3A2B29

#CC9C91 - #3A2B29

HSV Blend

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

0.0%	0.0% #CC9C91	RGB 204 156 145	#CC9C91
16.7%	16.7% #B3887F	RGB 179 136 127	#B3887F
33.3%	33.3% #9B756E	RGB 155 117 110	#9B756E
50.0%	50.0% #83625C	RGB 131 98 92	#83625C
66.7%	66.7% #6A4F4B	RGB 106 79 75	#6A4F4B
83.3%	83.3% #523D3A	RGB 82 61 58	#523D3A
100.0%	100.0% #3A2B29	RGB 58 43 41	#3A2B29

#CC9C91 #B3887F #9B756E #83625C #6A4F4B #523D3A #3A2B29

#CC9C91 - #83625C - #3A2B29

CSS codes

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

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