#DCD85C - #FFEE87 | 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 #DCD85C to #FFEE87

#DCD85C #FFEE87

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

#DCD85C - #FFEE87 | 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 #DCD85C as 0% and #FFEE87 as 100%.

0.0%	0.0% #DCD85C	RGB 220 216 92	#DCD85C
16.7%	16.7% #E1DB63	RGB 225 219 99	#E1DB63
33.3%	33.3% #E7DF6A	RGB 231 223 106	#E7DF6A
50.0%	50.0% #EDE371	RGB 237 227 113	#EDE371
66.7%	66.7% #F3E678	RGB 243 230 120	#F3E678
83.3%	83.3% #F9EA7F	RGB 249 234 127	#F9EA7F
100.0%	100.0% #FFEE87	RGB 255 238 135	#FFEE87

#DCD85C #E1DB63 #E7DF6A #EDE371 #F3E678 #F9EA7F #FFEE87

#DCD85C - #FFEE87

HSV Blend

#DCD85C - #FFEE87 | 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 #DCD85C as 0% and #FFEE87 as 100%.

0.0%	0.0% #DCD85B	RGB 220 216 91	#DCD85B
16.7%	16.7% #E1DB62	RGB 225 219 98	#E1DB62
33.3%	33.3% #E7DF69	RGB 231 223 105	#E7DF69
50.0%	50.0% #EDE270	RGB 237 226 112	#EDE270
66.7%	66.7% #F3E677	RGB 243 230 119	#F3E677
83.3%	83.3% #F9EA7F	RGB 249 234 127	#F9EA7F
100.0%	100.0% #FFEE87	RGB 255 238 135	#FFEE87

#DCD85B #E1DB62 #E7DF69 #EDE270 #F3E677 #F9EA7F #FFEE87

#DCD85C - #EDE270 - #FFEE87

CSS codes

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

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