#1C2428 - #575E5E | 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 #1C2428 to #575E5E

#1C2428 #575E5E

Calculate the color between two colors, #1C2428 and #575E5E. 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)

#1C2428 - #575E5E | 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 #1C2428 as 0% and #575E5E as 100%.

0.0%	0.0% #1C2428	RGB 28 36 40	#1C2428
16.7%	16.7% #252D31	RGB 37 45 49	#252D31
33.3%	33.3% #2F373A	RGB 47 55 58	#2F373A
50.0%	50.0% #394143	RGB 57 65 67	#394143
66.7%	66.7% #434A4C	RGB 67 74 76	#434A4C
83.3%	83.3% #4D5455	RGB 77 84 85	#4D5455
100.0%	100.0% #575E5E	RGB 87 94 94	#575E5E

#1C2428 #252D31 #2F373A #394143 #434A4C #4D5455 #575E5E

#1C2428 - #575E5E

HSV Blend

#1C2428 - #575E5E | 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 #1C2428 as 0% and #575E5E as 100%.

0.0%	0.0% #1C2328	RGB 28 35 40	#1C2328
16.7%	16.7% #242D31	RGB 36 45 49	#242D31
33.3%	33.3% #2C373A	RGB 44 55 58	#2C373A
50.0%	50.0% #364043	RGB 54 64 67	#364043
66.7%	66.7% #404A4C	RGB 64 74 76	#404A4C
83.3%	83.3% #4B5455	RGB 75 84 85	#4B5455
100.0%	100.0% #575E5E	RGB 87 94 94	#575E5E

#1C2328 #242D31 #2C373A #364043 #404A4C #4B5455 #575E5E

#1C2428 - #364043 - #575E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C2328 0%, #364043 50%, #575E5E 100%);
    background: -webkit-linear-gradient(top, #1C2328 0%, #364043 50%, #575E5E 100%);
    background: linear-gradient(to bottom, #1C2328 0%, #364043 50%, #575E5E 100%);
}
</style>