#DCF7DC - #3E463F | 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 #DCF7DC to #3E463F

#DCF7DC #3E463F

Calculate the color between two colors, #DCF7DC and #3E463F. 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)

#DCF7DC - #3E463F | 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 #DCF7DC as 0% and #3E463F as 100%.

0.0%	0.0% #DCF7DC	RGB 220 247 220	#DCF7DC
16.7%	16.7% #C1D9C1	RGB 193 217 193	#C1D9C1
33.3%	33.3% #A7BCA7	RGB 167 188 167	#A7BCA7
50.0%	50.0% #8D9E8D	RGB 141 158 141	#8D9E8D
66.7%	66.7% #728173	RGB 114 129 115	#728173
83.3%	83.3% #586359	RGB 88 99 89	#586359
100.0%	100.0% #3E463F	RGB 62 70 63	#3E463F

#DCF7DC #C1D9C1 #A7BCA7 #8D9E8D #728173 #586359 #3E463F

#DCF7DC - #3E463F

HSV Blend

#DCF7DC - #3E463F | 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 #DCF7DC as 0% and #3E463F as 100%.

0.0%	0.0% #DCF7DC	RGB 220 247 220	#DCF7DC
16.7%	16.7% #C1D9C2	RGB 193 217 194	#C1D9C2
33.3%	33.3% #A7BCA8	RGB 167 188 168	#A7BCA8
50.0%	50.0% #8C9E8D	RGB 140 158 141	#8C9E8D
66.7%	66.7% #728173	RGB 114 129 115	#728173
83.3%	83.3% #586359	RGB 88 99 89	#586359
100.0%	100.0% #3E463F	RGB 62 70 63	#3E463F

#DCF7DC #C1D9C2 #A7BCA8 #8C9E8D #728173 #586359 #3E463F

#DCF7DC - #8C9E8D - #3E463F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCF7DC 0%, #8C9E8D 50%, #3E463F 100%);
    background: -webkit-linear-gradient(top, #DCF7DC 0%, #8C9E8D 50%, #3E463F 100%);
    background: linear-gradient(to bottom, #DCF7DC 0%, #8C9E8D 50%, #3E463F 100%);
}
</style>