#DCDC7B - #FFEF9F | 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 #DCDC7B to #FFEF9F

#DCDC7B #FFEF9F

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

#DCDC7B - #FFEF9F | 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 #DCDC7B as 0% and #FFEF9F as 100%.

0.0%	0.0% #DCDC7B	RGB 220 220 123	#DCDC7B
16.7%	16.7% #E1DF81	RGB 225 223 129	#E1DF81
33.3%	33.3% #E7E287	RGB 231 226 135	#E7E287
50.0%	50.0% #EDE58D	RGB 237 229 141	#EDE58D
66.7%	66.7% #F3E893	RGB 243 232 147	#F3E893
83.3%	83.3% #F9EB99	RGB 249 235 153	#F9EB99
100.0%	100.0% #FFEF9F	RGB 255 239 159	#FFEF9F

#DCDC7B #E1DF81 #E7E287 #EDE58D #F3E893 #F9EB99 #FFEF9F

#DCDC7B - #FFEF9F

HSV Blend

#DCDC7B - #FFEF9F | 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 #DCDC7B as 0% and #FFEF9F as 100%.

0.0%	0.0% #DCDC7B	RGB 220 220 123	#DCDC7B
16.7%	16.7% #E1DF80	RGB 225 223 128	#E1DF80
33.3%	33.3% #E7E286	RGB 231 226 134	#E7E286
50.0%	50.0% #EDE58C	RGB 237 229 140	#EDE58C
66.7%	66.7% #F3E892	RGB 243 232 146	#F3E892
83.3%	83.3% #F9EB98	RGB 249 235 152	#F9EB98
100.0%	100.0% #FFEF9F	RGB 255 239 159	#FFEF9F

#DCDC7B #E1DF80 #E7E286 #EDE58C #F3E892 #F9EB98 #FFEF9F

#DCDC7B - #EDE58C - #FFEF9F

CSS codes

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

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