#252E35 - #C0C3C5 | 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 #252E35 to #C0C3C5

#252E35 #C0C3C5

Calculate the color between two colors, #252E35 and #C0C3C5. 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)

#252E35 - #C0C3C5 | 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 #252E35 as 0% and #C0C3C5 as 100%.

0.0%	0.0% #252E35	RGB 37 46 53	#252E35
16.7%	16.7% #3E464D	RGB 62 70 77	#3E464D
33.3%	33.3% #585F65	RGB 88 95 101	#585F65
50.0%	50.0% #72787D	RGB 114 120 125	#72787D
66.7%	66.7% #8C9195	RGB 140 145 149	#8C9195
83.3%	83.3% #A6AAAD	RGB 166 170 173	#A6AAAD
100.0%	100.0% #C0C3C5	RGB 192 195 197	#C0C3C5

#252E35 #3E464D #585F65 #72787D #8C9195 #A6AAAD #C0C3C5

#252E35 - #C0C3C5

HSV Blend

#252E35 - #C0C3C5 | 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 #252E35 as 0% and #C0C3C5 as 100%.

0.0%	0.0% #252E35	RGB 37 46 53	#252E35
16.7%	16.7% #39444D	RGB 57 68 77	#39444D
33.3%	33.3% #4F5B65	RGB 79 91 101	#4F5B65
50.0%	50.0% #68747D	RGB 104 116 125	#68747D
66.7%	66.7% #838D95	RGB 131 141 149	#838D95
83.3%	83.3% #A0A7AD	RGB 160 167 173	#A0A7AD
100.0%	100.0% #C0C3C5	RGB 192 195 197	#C0C3C5

#252E35 #39444D #4F5B65 #68747D #838D95 #A0A7AD #C0C3C5

#252E35 - #68747D - #C0C3C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252E35 0%, #68747D 50%, #C0C3C5 100%);
    background: -webkit-linear-gradient(top, #252E35 0%, #68747D 50%, #C0C3C5 100%);
    background: linear-gradient(to bottom, #252E35 0%, #68747D 50%, #C0C3C5 100%);
}
</style>