#CCD0D9 - #3A3B3E | 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 #CCD0D9 to #3A3B3E

#CCD0D9 #3A3B3E

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

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

0.0%	0.0% #CCD0D9	RGB 204 208 217	#CCD0D9
16.7%	16.7% #B3B7BF	RGB 179 183 191	#B3B7BF
33.3%	33.3% #9B9EA5	RGB 155 158 165	#9B9EA5
50.0%	50.0% #83858B	RGB 131 133 139	#83858B
66.7%	66.7% #6A6C71	RGB 106 108 113	#6A6C71
83.3%	83.3% #525357	RGB 82 83 87	#525357
100.0%	100.0% #3A3B3E	RGB 58 59 62	#3A3B3E

#CCD0D9 #B3B7BF #9B9EA5 #83858B #6A6C71 #525357 #3A3B3E

#CCD0D9 - #3A3B3E

HSV Blend

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

0.0%	0.0% #CCD0D9	RGB 204 208 217	#CCD0D9
16.7%	16.7% #B3B7BF	RGB 179 183 191	#B3B7BF
33.3%	33.3% #9B9EA5	RGB 155 158 165	#9B9EA5
50.0%	50.0% #82858B	RGB 130 133 139	#82858B
66.7%	66.7% #6A6C71	RGB 106 108 113	#6A6C71
83.3%	83.3% #525357	RGB 82 83 87	#525357
100.0%	100.0% #3A3B3E	RGB 58 59 62	#3A3B3E

#CCD0D9 #B3B7BF #9B9EA5 #82858B #6A6C71 #525357 #3A3B3E

#CCD0D9 - #82858B - #3A3B3E

CSS codes

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

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