#CCABAB - #3A3030 | 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 #CCABAB to #3A3030

#CCABAB #3A3030

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

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

0.0%	0.0% #CCABAB	RGB 204 171 171	#CCABAB
16.7%	16.7% #B39696	RGB 179 150 150	#B39696
33.3%	33.3% #9B8282	RGB 155 130 130	#9B8282
50.0%	50.0% #836D6D	RGB 131 109 109	#836D6D
66.7%	66.7% #6A5959	RGB 106 89 89	#6A5959
83.3%	83.3% #524444	RGB 82 68 68	#524444
100.0%	100.0% #3A3030	RGB 58 48 48	#3A3030

#CCABAB #B39696 #9B8282 #836D6D #6A5959 #524444 #3A3030

#CCABAB - #3A3030

HSV Blend

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

0.0%	0.0% #CCABAB	RGB 204 171 171	#CCABAB
16.7%	16.7% #B39696	RGB 179 150 150	#B39696
33.3%	33.3% #9B8181	RGB 155 129 129	#9B8181
50.0%	50.0% #836D6D	RGB 131 109 109	#836D6D
66.7%	66.7% #6A5858	RGB 106 88 88	#6A5858
83.3%	83.3% #524444	RGB 82 68 68	#524444
100.0%	100.0% #3A3030	RGB 58 48 48	#3A3030

#CCABAB #B39696 #9B8181 #836D6D #6A5858 #524444 #3A3030

#CCABAB - #836D6D - #3A3030

CSS codes

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

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