#D8DDA2 - #F3F5E4 | 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 #D8DDA2 to #F3F5E4

#D8DDA2 #F3F5E4

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

#D8DDA2 - #F3F5E4 | 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 #D8DDA2 as 0% and #F3F5E4 as 100%.

0.0%	0.0% #D8DDA2	RGB 216 221 162	#D8DDA2
16.7%	16.7% #DCE1AD	RGB 220 225 173	#DCE1AD
33.3%	33.3% #E1E5B8	RGB 225 229 184	#E1E5B8
50.0%	50.0% #E5E9C3	RGB 229 233 195	#E5E9C3
66.7%	66.7% #EAEDCE	RGB 234 237 206	#EAEDCE
83.3%	83.3% #EEF1D9	RGB 238 241 217	#EEF1D9
100.0%	100.0% #F3F5E4	RGB 243 245 228	#F3F5E4

#D8DDA2 #DCE1AD #E1E5B8 #E5E9C3 #EAEDCE #EEF1D9 #F3F5E4

#D8DDA2 - #F3F5E4

HSV Blend

#D8DDA2 - #F3F5E4 | 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 #D8DDA2 as 0% and #F3F5E4 as 100%.

0.0%	0.0% #D8DDA2	RGB 216 221 162	#D8DDA2
16.7%	16.7% #DCE1AC	RGB 220 225 172	#DCE1AC
33.3%	33.3% #E0E5B6	RGB 224 229 182	#E0E5B6
50.0%	50.0% #E5E9C1	RGB 229 233 193	#E5E9C1
66.7%	66.7% #E9EDCC	RGB 233 237 204	#E9EDCC
83.3%	83.3% #EEF1D8	RGB 238 241 216	#EEF1D8
100.0%	100.0% #F3F5E4	RGB 243 245 228	#F3F5E4

#D8DDA2 #DCE1AC #E0E5B6 #E5E9C1 #E9EDCC #EEF1D8 #F3F5E4

#D8DDA2 - #E5E9C1 - #F3F5E4

CSS codes

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

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