#CAC8C8 - #393939 | 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 #CAC8C8 to #393939

#CAC8C8 #393939

Calculate the color between two colors, #CAC8C8 and #393939. 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)

#CAC8C8 - #393939 | 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 #CAC8C8 as 0% and #393939 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #B1B0B0	RGB 177 176 176	#B1B0B0
33.3%	33.3% #999898	RGB 153 152 152	#999898
50.0%	50.0% #818080	RGB 129 128 128	#818080
66.7%	66.7% #696868	RGB 105 104 104	#696868
83.3%	83.3% #515050	RGB 81 80 80	#515050
100.0%	100.0% #393939	RGB 57 57 57	#393939

#CAC8C8 #B1B0B0 #999898 #818080 #696868 #515050 #393939

#CAC8C8 - #393939

HSV Blend

#CAC8C8 - #393939 | 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 #CAC8C8 as 0% and #393939 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #B1B0B0	RGB 177 176 176	#B1B0B0
33.3%	33.3% #999898	RGB 153 152 152	#999898
50.0%	50.0% #818080	RGB 129 128 128	#818080
66.7%	66.7% #696868	RGB 105 104 104	#696868
83.3%	83.3% #515151	RGB 81 81 81	#515151
100.0%	100.0% #393939	RGB 57 57 57	#393939

#CAC8C8 #B1B0B0 #999898 #818080 #696868 #515151 #393939

#CAC8C8 - #818080 - #393939

CSS codes

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

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