#DDEDA1 - #FBF5C5 | 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 #DDEDA1 to #FBF5C5

#DDEDA1 #FBF5C5

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

#DDEDA1 - #FBF5C5 | 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 #DDEDA1 as 0% and #FBF5C5 as 100%.

0.0%	0.0% #DDEDA1	RGB 221 237 161	#DDEDA1
16.7%	16.7% #E2EEA7	RGB 226 238 167	#E2EEA7
33.3%	33.3% #E7EFAD	RGB 231 239 173	#E7EFAD
50.0%	50.0% #ECF1B3	RGB 236 241 179	#ECF1B3
66.7%	66.7% #F1F2B9	RGB 241 242 185	#F1F2B9
83.3%	83.3% #F6F3BF	RGB 246 243 191	#F6F3BF
100.0%	100.0% #FBF5C5	RGB 251 245 197	#FBF5C5

#DDEDA1 #E2EEA7 #E7EFAD #ECF1B3 #F1F2B9 #F6F3BF #FBF5C5

#DDEDA1 - #FBF5C5

HSV Blend

#DDEDA1 - #FBF5C5 | 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 #DDEDA1 as 0% and #FBF5C5 as 100%.

0.0%	0.0% #DDEDA1	RGB 221 237 161	#DDEDA1
16.7%	16.7% #E3EFA6	RGB 227 239 166	#E3EFA6
33.3%	33.3% #EAF1AC	RGB 234 241 172	#EAF1AC
50.0%	50.0% #F0F4B2	RGB 240 244 178	#F0F4B2
66.7%	66.7% #F6F6B8	RGB 246 246 184	#F6F6B8
83.3%	83.3% #F8F5BE	RGB 248 245 190	#F8F5BE
100.0%	100.0% #FBF5C5	RGB 251 245 197	#FBF5C5

#DDEDA1 #E3EFA6 #EAF1AC #F0F4B2 #F6F6B8 #F8F5BE #FBF5C5

#DDEDA1 - #F0F4B2 - #FBF5C5

CSS codes

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

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