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

#CDCFD9 #3A3B3E

Calculate the color between two colors, #CDCFD9 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)

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

0.0%	0.0% #CDCFD9	RGB 205 207 217	#CDCFD9
16.7%	16.7% #B4B6BF	RGB 180 182 191	#B4B6BF
33.3%	33.3% #9C9DA5	RGB 156 157 165	#9C9DA5
50.0%	50.0% #83858B	RGB 131 133 139	#83858B
66.7%	66.7% #6B6C71	RGB 107 108 113	#6B6C71
83.3%	83.3% #525357	RGB 82 83 87	#525357
100.0%	100.0% #3A3B3E	RGB 58 59 62	#3A3B3E

#CDCFD9 #B4B6BF #9C9DA5 #83858B #6B6C71 #525357 #3A3B3E

#CDCFD9 - #3A3B3E

HSV Blend

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

0.0%	0.0% #CDCFD9	RGB 205 207 217	#CDCFD9
16.7%	16.7% #B4B6BF	RGB 180 182 191	#B4B6BF
33.3%	33.3% #9B9DA5	RGB 155 157 165	#9B9DA5
50.0%	50.0% #83848B	RGB 131 132 139	#83848B
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

#CDCFD9 #B4B6BF #9B9DA5 #83848B #6A6C71 #525357 #3A3B3E

#CDCFD9 - #83848B - #3A3B3E

CSS codes

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

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