#DDC385 - #EAFCA8 | 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 #DDC385 to #EAFCA8

#DDC385 #EAFCA8

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

#DDC385 - #EAFCA8 | 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 #DDC385 as 0% and #EAFCA8 as 100%.

0.0%	0.0% #DDC385	RGB 221 195 133	#DDC385
16.7%	16.7% #DFCC8A	RGB 223 204 138	#DFCC8A
33.3%	33.3% #E1D690	RGB 225 214 144	#E1D690
50.0%	50.0% #E3DF96	RGB 227 223 150	#E3DF96
66.7%	66.7% #E5E99C	RGB 229 233 156	#E5E99C
83.3%	83.3% #E7F2A2	RGB 231 242 162	#E7F2A2
100.0%	100.0% #EAFCA8	RGB 234 252 168	#EAFCA8

#DDC385 #DFCC8A #E1D690 #E3DF96 #E5E99C #E7F2A2 #EAFCA8

#DDC385 - #EAFCA8

HSV Blend

#DDC385 - #EAFCA8 | 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 #DDC385 as 0% and #EAFCA8 as 100%.

0.0%	0.0% #DDC385	RGB 221 195 133	#DDC385
16.7%	16.7% #E2CF8A	RGB 226 207 138	#E2CF8A
33.3%	33.3% #E7DC90	RGB 231 220 144	#E7DC90
50.0%	50.0% #ECE895	RGB 236 232 149	#ECE895
66.7%	66.7% #EDF19B	RGB 237 241 155	#EDF19B
83.3%	83.3% #EBF6A1	RGB 235 246 161	#EBF6A1
100.0%	100.0% #EAFCA8	RGB 234 252 168	#EAFCA8

#DDC385 #E2CF8A #E7DC90 #ECE895 #EDF19B #EBF6A1 #EAFCA8

#DDC385 - #ECE895 - #EAFCA8

CSS codes

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

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