#2D5535 - #C3CEC5 | 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 #2D5535 to #C3CEC5

#2D5535 #C3CEC5

Calculate the color between two colors, #2D5535 and #C3CEC5. 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)

#2D5535 - #C3CEC5 | 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 #2D5535 as 0% and #C3CEC5 as 100%.

0.0%	0.0% #2D5535	RGB 45 85 53	#2D5535
16.7%	16.7% #46694D	RGB 70 105 77	#46694D
33.3%	33.3% #5F7D65	RGB 95 125 101	#5F7D65
50.0%	50.0% #78917D	RGB 120 145 125	#78917D
66.7%	66.7% #91A595	RGB 145 165 149	#91A595
83.3%	83.3% #AAB9AD	RGB 170 185 173	#AAB9AD
100.0%	100.0% #C3CEC5	RGB 195 206 197	#C3CEC5

#2D5535 #46694D #5F7D65 #78917D #91A595 #AAB9AD #C3CEC5

#2D5535 - #C3CEC5

HSV Blend

#2D5535 - #C3CEC5 | 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 #2D5535 as 0% and #C3CEC5 as 100%.

0.0%	0.0% #2D5535	RGB 45 85 53	#2D5535
16.7%	16.7% #3E6947	RGB 62 105 71	#3E6947
33.3%	33.3% #537D5B	RGB 83 125 91	#537D5B
50.0%	50.0% #6B9172	RGB 107 145 114	#6B9172
66.7%	66.7% #85A58B	RGB 133 165 139	#85A58B
83.3%	83.3% #A2B9A7	RGB 162 185 167	#A2B9A7
100.0%	100.0% #C3CEC5	RGB 195 206 197	#C3CEC5

#2D5535 #3E6947 #537D5B #6B9172 #85A58B #A2B9A7 #C3CEC5

#2D5535 - #6B9172 - #C3CEC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5535 0%, #6B9172 50%, #C3CEC5 100%);
    background: -webkit-linear-gradient(top, #2D5535 0%, #6B9172 50%, #C3CEC5 100%);
    background: linear-gradient(to bottom, #2D5535 0%, #6B9172 50%, #C3CEC5 100%);
}
</style>