#252B23 - #5E5A5F | 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 #252B23 to #5E5A5F

#252B23 #5E5A5F

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

#252B23 - #5E5A5F | 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 #252B23 as 0% and #5E5A5F as 100%.

0.0%	0.0% #252B23	RGB 37 43 35	#252B23
16.7%	16.7% #2E322D	RGB 46 50 45	#2E322D
33.3%	33.3% #383A37	RGB 56 58 55	#383A37
50.0%	50.0% #414241	RGB 65 66 65	#414241
66.7%	66.7% #4B4A4B	RGB 75 74 75	#4B4A4B
83.3%	83.3% #545255	RGB 84 82 85	#545255
100.0%	100.0% #5E5A5F	RGB 94 90 95	#5E5A5F

#252B23 #2E322D #383A37 #414241 #4B4A4B #545255 #5E5A5F

#252B23 - #5E5A5F

HSV Blend

#252B23 - #5E5A5F | 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 #252B23 as 0% and #5E5A5F as 100%.

0.0%	0.0% #252B23	RGB 37 43 35	#252B23
16.7%	16.7% #31332B	RGB 49 51 43	#31332B
33.3%	33.3% #3C3A33	RGB 60 58 51	#3C3A33
50.0%	50.0% #453F3C	RGB 69 63 60	#453F3C
66.7%	66.7% #4D4647	RGB 77 70 71	#4D4647
83.3%	83.3% #564F54	RGB 86 79 84	#564F54
100.0%	100.0% #5E5A5F	RGB 94 90 95	#5E5A5F

#252B23 #31332B #3C3A33 #453F3C #4D4647 #564F54 #5E5A5F

#252B23 - #453F3C - #5E5A5F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252B23 0%, #453F3C 50%, #5E5A5F 100%);
    background: -webkit-linear-gradient(top, #252B23 0%, #453F3C 50%, #5E5A5F 100%);
    background: linear-gradient(to bottom, #252B23 0%, #453F3C 50%, #5E5A5F 100%);
}
</style>