#455243 - #163C04 | 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 #455243 to #163C04

#455243 #163C04

Calculate the color between two colors, #455243 and #163C04. 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)

#455243 - #163C04 | 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 #455243 as 0% and #163C04 as 100%.

0.0%	0.0% #455243	RGB 69 82 67	#455243
16.7%	16.7% #3D4E38	RGB 61 78 56	#3D4E38
33.3%	33.3% #354A2E	RGB 53 74 46	#354A2E
50.0%	50.0% #2D4723	RGB 45 71 35	#2D4723
66.7%	66.7% #254319	RGB 37 67 25	#254319
83.3%	83.3% #1D3F0E	RGB 29 63 14	#1D3F0E
100.0%	100.0% #163C04	RGB 22 60 4	#163C04

#455243 #3D4E38 #354A2E #2D4723 #254319 #1D3F0E #163C04

#455243 - #163C04

HSV Blend

#455243 - #163C04 | 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 #455243 as 0% and #163C04 as 100%.

0.0%	0.0% #455243	RGB 69 82 67	#455243
16.7%	16.7% #3A4E36	RGB 58 78 54	#3A4E36
33.3%	33.3% #304A2A	RGB 48 74 42	#304A2A
50.0%	50.0% #28471F	RGB 40 71 31	#28471F
66.7%	66.7% #214315	RGB 33 67 21	#214315
83.3%	83.3% #1B3F0C	RGB 27 63 12	#1B3F0C
100.0%	100.0% #163C04	RGB 22 60 4	#163C04

#455243 #3A4E36 #304A2A #28471F #214315 #1B3F0C #163C04

#455243 - #28471F - #163C04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #455243 0%, #28471F 50%, #163C04 100%);
    background: -webkit-linear-gradient(top, #455243 0%, #28471F 50%, #163C04 100%);
    background: linear-gradient(to bottom, #455243 0%, #28471F 50%, #163C04 100%);
}
</style>