#2D5540 - #C3CEC8 | 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 #2D5540 to #C3CEC8

#2D5540 #C3CEC8

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

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

0.0%	0.0% #2D5540	RGB 45 85 64	#2D5540
16.7%	16.7% #466956	RGB 70 105 86	#466956
33.3%	33.3% #5F7D6D	RGB 95 125 109	#5F7D6D
50.0%	50.0% #789184	RGB 120 145 132	#789184
66.7%	66.7% #91A59A	RGB 145 165 154	#91A59A
83.3%	83.3% #AAB9B1	RGB 170 185 177	#AAB9B1
100.0%	100.0% #C3CEC8	RGB 195 206 200	#C3CEC8

#2D5540 #466956 #5F7D6D #789184 #91A59A #AAB9B1 #C3CEC8

#2D5540 - #C3CEC8

HSV Blend

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

0.0%	0.0% #2D5540	RGB 45 85 64	#2D5540
16.7%	16.7% #3E6952	RGB 62 105 82	#3E6952
33.3%	33.3% #537D67	RGB 83 125 103	#537D67
50.0%	50.0% #6B917D	RGB 107 145 125	#6B917D
66.7%	66.7% #85A594	RGB 133 165 148	#85A594
83.3%	83.3% #A2B9AD	RGB 162 185 173	#A2B9AD
100.0%	100.0% #C3CEC8	RGB 195 206 200	#C3CEC8

#2D5540 #3E6952 #537D67 #6B917D #85A594 #A2B9AD #C3CEC8

#2D5540 - #6B917D - #C3CEC8

CSS codes

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

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