#252D31 - #C0C3C4 | 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 #252D31 to #C0C3C4

#252D31 #C0C3C4

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

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

0.0%	0.0% #252D31	RGB 37 45 49	#252D31
16.7%	16.7% #3E4649	RGB 62 70 73	#3E4649
33.3%	33.3% #585F62	RGB 88 95 98	#585F62
50.0%	50.0% #72787A	RGB 114 120 122	#72787A
66.7%	66.7% #8C9193	RGB 140 145 147	#8C9193
83.3%	83.3% #A6AAAB	RGB 166 170 171	#A6AAAB
100.0%	100.0% #C0C3C4	RGB 192 195 196	#C0C3C4

#252D31 #3E4649 #585F62 #72787A #8C9193 #A6AAAB #C0C3C4

#252D31 - #C0C3C4

HSV Blend

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

0.0%	0.0% #252D31	RGB 37 45 49	#252D31
16.7%	16.7% #3A4449	RGB 58 68 73	#3A4449
33.3%	33.3% #515C62	RGB 81 92 98	#515C62
50.0%	50.0% #6A757A	RGB 106 117 122	#6A757A
66.7%	66.7% #858F93	RGB 133 143 147	#858F93
83.3%	83.3% #A1A8AB	RGB 161 168 171	#A1A8AB
100.0%	100.0% #C0C3C4	RGB 192 195 196	#C0C3C4

#252D31 #3A4449 #515C62 #6A757A #858F93 #A1A8AB #C0C3C4

#252D31 - #6A757A - #C0C3C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252D31 0%, #6A757A 50%, #C0C3C4 100%);
    background: -webkit-linear-gradient(top, #252D31 0%, #6A757A 50%, #C0C3C4 100%);
    background: linear-gradient(to bottom, #252D31 0%, #6A757A 50%, #C0C3C4 100%);
}
</style>