#DDB984 - #EFFCA8 | 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 #DDB984 to #EFFCA8

#DDB984 #EFFCA8

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

#DDB984 - #EFFCA8 | 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 #DDB984 as 0% and #EFFCA8 as 100%.

0.0%	0.0% #DDB984	RGB 221 185 132	#DDB984
16.7%	16.7% #E0C48A	RGB 224 196 138	#E0C48A
33.3%	33.3% #E3CF90	RGB 227 207 144	#E3CF90
50.0%	50.0% #E6DA96	RGB 230 218 150	#E6DA96
66.7%	66.7% #E9E59C	RGB 233 229 156	#E9E59C
83.3%	83.3% #ECF0A2	RGB 236 240 162	#ECF0A2
100.0%	100.0% #EFFCA8	RGB 239 252 168	#EFFCA8

#DDB984 #E0C48A #E3CF90 #E6DA96 #E9E59C #ECF0A2 #EFFCA8

#DDB984 - #EFFCA8

HSV Blend

#DDB984 - #EFFCA8 | 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 #DDB984 as 0% and #EFFCA8 as 100%.

0.0%	0.0% #DDB984	RGB 221 185 132	#DDB984
16.7%	16.7% #E2C689	RGB 226 198 137	#E2C689
33.3%	33.3% #E7D48F	RGB 231 212 143	#E7D48F
50.0%	50.0% #ECE195	RGB 236 225 149	#ECE195
66.7%	66.7% #F1EE9B	RGB 241 238 155	#F1EE9B
83.3%	83.3% #F1F6A1	RGB 241 246 161	#F1F6A1
100.0%	100.0% #EFFCA8	RGB 239 252 168	#EFFCA8

#DDB984 #E2C689 #E7D48F #ECE195 #F1EE9B #F1F6A1 #EFFCA8

#DDB984 - #ECE195 - #EFFCA8

CSS codes

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

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