#C0EDA8 - #364330 | 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 #C0EDA8 to #364330

#C0EDA8 #364330

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

#C0EDA8 - #364330 | 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 #C0EDA8 as 0% and #364330 as 100%.

0.0%	0.0% #C0EDA8	RGB 192 237 168	#C0EDA8
16.7%	16.7% #A9D094	RGB 169 208 148	#A9D094
33.3%	33.3% #92B480	RGB 146 180 128	#92B480
50.0%	50.0% #7B986C	RGB 123 152 108	#7B986C
66.7%	66.7% #647B58	RGB 100 123 88	#647B58
83.3%	83.3% #4D5F44	RGB 77 95 68	#4D5F44
100.0%	100.0% #364330	RGB 54 67 48	#364330

#C0EDA8 #A9D094 #92B480 #7B986C #647B58 #4D5F44 #364330

#C0EDA8 - #364330

HSV Blend

#C0EDA8 - #364330 | 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 #C0EDA8 as 0% and #364330 as 100%.

0.0%	0.0% #C0EDA8	RGB 192 237 168	#C0EDA8
16.7%	16.7% #A8D094	RGB 168 208 148	#A8D094
33.3%	33.3% #91B480	RGB 145 180 128	#91B480
50.0%	50.0% #7A986C	RGB 122 152 108	#7A986C
66.7%	66.7% #637B58	RGB 99 123 88	#637B58
83.3%	83.3% #4C5F44	RGB 76 95 68	#4C5F44
100.0%	100.0% #364330	RGB 54 67 48	#364330

#C0EDA8 #A8D094 #91B480 #7A986C #637B58 #4C5F44 #364330

#C0EDA8 - #7A986C - #364330

CSS codes

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

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