#2D5529 - #C3CEC1 | 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 #2D5529 to #C3CEC1

#2D5529 #C3CEC1

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

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

0.0%	0.0% #2D5529	RGB 45 85 41	#2D5529
16.7%	16.7% #466942	RGB 70 105 66	#466942
33.3%	33.3% #5F7D5B	RGB 95 125 91	#5F7D5B
50.0%	50.0% #789175	RGB 120 145 117	#789175
66.7%	66.7% #91A58E	RGB 145 165 142	#91A58E
83.3%	83.3% #AAB9A7	RGB 170 185 167	#AAB9A7
100.0%	100.0% #C3CEC1	RGB 195 206 193	#C3CEC1

#2D5529 #466942 #5F7D5B #789175 #91A58E #AAB9A7 #C3CEC1

#2D5529 - #C3CEC1

HSV Blend

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

0.0%	0.0% #2D5529	RGB 45 85 41	#2D5529
16.7%	16.7% #3F693A	RGB 63 105 58	#3F693A
33.3%	33.3% #547D4F	RGB 84 125 79	#547D4F
50.0%	50.0% #6C9167	RGB 108 145 103	#6C9167
66.7%	66.7% #86A582	RGB 134 165 130	#86A582
83.3%	83.3% #A3B9A0	RGB 163 185 160	#A3B9A0
100.0%	100.0% #C3CEC1	RGB 195 206 193	#C3CEC1

#2D5529 #3F693A #547D4F #6C9167 #86A582 #A3B9A0 #C3CEC1

#2D5529 - #6C9167 - #C3CEC1

CSS codes

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

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