#364136 - #C5C8C5 | 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 #364136 to #C5C8C5

#364136 #C5C8C5

Calculate the color between two colors, #364136 and #C5C8C5. 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)

#364136 - #C5C8C5 | 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 #364136 as 0% and #C5C8C5 as 100%.

0.0%	0.0% #364136	RGB 54 65 54	#364136
16.7%	16.7% #4D574D	RGB 77 87 77	#4D574D
33.3%	33.3% #656E65	RGB 101 110 101	#656E65
50.0%	50.0% #7D847D	RGB 125 132 125	#7D847D
66.7%	66.7% #959B95	RGB 149 155 149	#959B95
83.3%	83.3% #ADB1AD	RGB 173 177 173	#ADB1AD
100.0%	100.0% #C5C8C5	RGB 197 200 197	#C5C8C5

#364136 #4D574D #656E65 #7D847D #959B95 #ADB1AD #C5C8C5

#364136 - #C5C8C5

HSV Blend

#364136 - #C5C8C5 | 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 #364136 as 0% and #C5C8C5 as 100%.

0.0%	0.0% #364136	RGB 54 65 54	#364136
16.7%	16.7% #4A574A	RGB 74 87 74	#4A574A
33.3%	33.3% #616E61	RGB 97 110 97	#616E61
50.0%	50.0% #788478	RGB 120 132 120	#788478
66.7%	66.7% #909B90	RGB 144 155 144	#909B90
83.3%	83.3% #AAB1AA	RGB 170 177 170	#AAB1AA
100.0%	100.0% #C5C8C5	RGB 197 200 197	#C5C8C5

#364136 #4A574A #616E61 #788478 #909B90 #AAB1AA #C5C8C5

#364136 - #788478 - #C5C8C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #364136 0%, #788478 50%, #C5C8C5 100%);
    background: -webkit-linear-gradient(top, #364136 0%, #788478 50%, #C5C8C5 100%);
    background: linear-gradient(to bottom, #364136 0%, #788478 50%, #C5C8C5 100%);
}
</style>