#DDECC2 - #3E4337 | 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 #DDECC2 to #3E4337

#DDECC2 #3E4337

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

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

0.0%	0.0% #DDECC2	RGB 221 236 194	#DDECC2
16.7%	16.7% #C2CFAA	RGB 194 207 170	#C2CFAA
33.3%	33.3% #A8B393	RGB 168 179 147	#A8B393
50.0%	50.0% #8D977C	RGB 141 151 124	#8D977C
66.7%	66.7% #737B65	RGB 115 123 101	#737B65
83.3%	83.3% #585F4E	RGB 88 95 78	#585F4E
100.0%	100.0% #3E4337	RGB 62 67 55	#3E4337

#DDECC2 #C2CFAA #A8B393 #8D977C #737B65 #585F4E #3E4337

#DDECC2 - #3E4337

HSV Blend

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

0.0%	0.0% #DDECC2	RGB 221 236 194	#DDECC2
16.7%	16.7% #C2CFAA	RGB 194 207 170	#C2CFAA
33.3%	33.3% #A7B393	RGB 167 179 147	#A7B393
50.0%	50.0% #8D977C	RGB 141 151 124	#8D977C
66.7%	66.7% #727B65	RGB 114 123 101	#727B65
83.3%	83.3% #585F4E	RGB 88 95 78	#585F4E
100.0%	100.0% #3E4337	RGB 62 67 55	#3E4337

#DDECC2 #C2CFAA #A7B393 #8D977C #727B65 #585F4E #3E4337

#DDECC2 - #8D977C - #3E4337

CSS codes

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

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