#235035 - #C0CDC5 | 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 #235035 to #C0CDC5

#235035 #C0CDC5

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

#235035 - #C0CDC5 | 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 #235035 as 0% and #C0CDC5 as 100%.

0.0%	0.0% #235035	RGB 35 80 53	#235035
16.7%	16.7% #3D644D	RGB 61 100 77	#3D644D
33.3%	33.3% #577965	RGB 87 121 101	#577965
50.0%	50.0% #718E7D	RGB 113 142 125	#718E7D
66.7%	66.7% #8BA395	RGB 139 163 149	#8BA395
83.3%	83.3% #A5B8AD	RGB 165 184 173	#A5B8AD
100.0%	100.0% #C0CDC5	RGB 192 205 197	#C0CDC5

#235035 #3D644D #577965 #718E7D #8BA395 #A5B8AD #C0CDC5

#235035 - #C0CDC5

HSV Blend

#235035 - #C0CDC5 | 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 #235035 as 0% and #C0CDC5 as 100%.

0.0%	0.0% #235035	RGB 35 80 53	#235035
16.7%	16.7% #346447	RGB 52 100 71	#346447
33.3%	33.3% #49795C	RGB 73 121 92	#49795C
50.0%	50.0% #618E73	RGB 97 142 115	#618E73
66.7%	66.7% #7DA38C	RGB 125 163 140	#7DA38C
83.3%	83.3% #9DB8A7	RGB 157 184 167	#9DB8A7
100.0%	100.0% #C0CDC5	RGB 192 205 197	#C0CDC5

#235035 #346447 #49795C #618E73 #7DA38C #9DB8A7 #C0CDC5

#235035 - #618E73 - #C0CDC5

CSS codes

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

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