#CCC9CC - #3A393A | 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 #CCC9CC to #3A393A

#CCC9CC #3A393A

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

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

0.0%	0.0% #CCC9CC	RGB 204 201 204	#CCC9CC
16.7%	16.7% #B3B1B3	RGB 179 177 179	#B3B1B3
33.3%	33.3% #9B999B	RGB 155 153 155	#9B999B
50.0%	50.0% #838183	RGB 131 129 131	#838183
66.7%	66.7% #6A696A	RGB 106 105 106	#6A696A
83.3%	83.3% #525152	RGB 82 81 82	#525152
100.0%	100.0% #3A393A	RGB 58 57 58	#3A393A

#CCC9CC #B3B1B3 #9B999B #838183 #6A696A #525152 #3A393A

#CCC9CC - #3A393A

HSV Blend

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

0.0%	0.0% #CCC9CC	RGB 204 201 204	#CCC9CC
16.7%	16.7% #B3B0B3	RGB 179 176 179	#B3B0B3
33.3%	33.3% #9B989B	RGB 155 152 155	#9B989B
50.0%	50.0% #838083	RGB 131 128 131	#838083
66.7%	66.7% #6A686A	RGB 106 104 106	#6A686A
83.3%	83.3% #525052	RGB 82 80 82	#525052
100.0%	100.0% #3A393A	RGB 58 57 58	#3A393A

#CCC9CC #B3B0B3 #9B989B #838083 #6A686A #525052 #3A393A

#CCC9CC - #838083 - #3A393A

CSS codes

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

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