#D6DDA2 - #FDDCBC | 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 #D6DDA2 to #FDDCBC

#D6DDA2 #FDDCBC

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

#D6DDA2 - #FDDCBC | 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 #D6DDA2 as 0% and #FDDCBC as 100%.

0.0%	0.0% #D6DDA2	RGB 214 221 162	#D6DDA2
16.7%	16.7% #DCDCA6	RGB 220 220 166	#DCDCA6
33.3%	33.3% #E3DCAA	RGB 227 220 170	#E3DCAA
50.0%	50.0% #E9DCAF	RGB 233 220 175	#E9DCAF
66.7%	66.7% #F0DCB3	RGB 240 220 179	#F0DCB3
83.3%	83.3% #F6DCB7	RGB 246 220 183	#F6DCB7
100.0%	100.0% #FDDCBC	RGB 253 220 188	#FDDCBC

#D6DDA2 #DCDCA6 #E3DCAA #E9DCAF #F0DCB3 #F6DCB7 #FDDCBC

#D6DDA2 - #FDDCBC

HSV Blend

#D6DDA2 - #FDDCBC | 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 #D6DDA2 as 0% and #FDDCBC as 100%.

0.0%	0.0% #D6DDA2	RGB 214 221 162	#D6DDA2
16.7%	16.7% #E1E2A6	RGB 225 226 166	#E1E2A6
33.3%	33.3% #E7E2AA	RGB 231 226 170	#E7E2AA
50.0%	50.0% #EDE0AE	RGB 237 224 174	#EDE0AE
66.7%	66.7% #F2DFB3	RGB 242 223 179	#F2DFB3
83.3%	83.3% #F7DDB7	RGB 247 221 183	#F7DDB7
100.0%	100.0% #FDDCBC	RGB 253 220 188	#FDDCBC

#D6DDA2 #E1E2A6 #E7E2AA #EDE0AE #F2DFB3 #F7DDB7 #FDDCBC

#D6DDA2 - #EDE0AE - #FDDCBC

CSS codes

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

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