#242D25 - #C0C3C0 | 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 #242D25 to #C0C3C0

#242D25 #C0C3C0

Calculate the color between two colors, #242D25 and #C0C3C0. 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)

#242D25 - #C0C3C0 | 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 #242D25 as 0% and #C0C3C0 as 100%.

0.0%	0.0% #242D25	RGB 36 45 37	#242D25
16.7%	16.7% #3E463E	RGB 62 70 62	#3E463E
33.3%	33.3% #585F58	RGB 88 95 88	#585F58
50.0%	50.0% #727872	RGB 114 120 114	#727872
66.7%	66.7% #8C918C	RGB 140 145 140	#8C918C
83.3%	83.3% #A6AAA6	RGB 166 170 166	#A6AAA6
100.0%	100.0% #C0C3C0	RGB 192 195 192	#C0C3C0

#242D25 #3E463E #585F58 #727872 #8C918C #A6AAA6 #C0C3C0

#242D25 - #C0C3C0

HSV Blend

#242D25 - #C0C3C0 | 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 #242D25 as 0% and #C0C3C0 as 100%.

0.0%	0.0% #242D25	RGB 36 45 37	#242D25
16.7%	16.7% #3A463B	RGB 58 70 59	#3A463B
33.3%	33.3% #515F52	RGB 81 95 82	#515F52
50.0%	50.0% #6B786B	RGB 107 120 107	#6B786B
66.7%	66.7% #859186	RGB 133 145 134	#859186
83.3%	83.3% #A2AAA2	RGB 162 170 162	#A2AAA2
100.0%	100.0% #C0C3C0	RGB 192 195 192	#C0C3C0

#242D25 #3A463B #515F52 #6B786B #859186 #A2AAA2 #C0C3C0

#242D25 - #6B786B - #C0C3C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #242D25 0%, #6B786B 50%, #C0C3C0 100%);
    background: -webkit-linear-gradient(top, #242D25 0%, #6B786B 50%, #C0C3C0 100%);
    background: linear-gradient(to bottom, #242D25 0%, #6B786B 50%, #C0C3C0 100%);
}
</style>