#DDD138 - #FFEC69 | 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 #DDD138 to #FFEC69

#DDD138 #FFEC69

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

#DDD138 - #FFEC69 | 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 #DDD138 as 0% and #FFEC69 as 100%.

0.0%	0.0% #DDD138	RGB 221 209 56	#DDD138
16.7%	16.7% #E2D540	RGB 226 213 64	#E2D540
33.3%	33.3% #E8DA48	RGB 232 218 72	#E8DA48
50.0%	50.0% #EEDE50	RGB 238 222 80	#EEDE50
66.7%	66.7% #F3E358	RGB 243 227 88	#F3E358
83.3%	83.3% #F9E760	RGB 249 231 96	#F9E760
100.0%	100.0% #FFEC69	RGB 255 236 105	#FFEC69

#DDD138 #E2D540 #E8DA48 #EEDE50 #F3E358 #F9E760 #FFEC69

#DDD138 - #FFEC69

HSV Blend

#DDD138 - #FFEC69 | 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 #DDD138 as 0% and #FFEC69 as 100%.

0.0%	0.0% #DDD138	RGB 221 209 56	#DDD138
16.7%	16.7% #E2D53F	RGB 226 213 63	#E2D53F
33.3%	33.3% #E8D947	RGB 232 217 71	#E8D947
50.0%	50.0% #EEDE4F	RGB 238 222 79	#EEDE4F
66.7%	66.7% #F3E257	RGB 243 226 87	#F3E257
83.3%	83.3% #F9E760	RGB 249 231 96	#F9E760
100.0%	100.0% #FFEC69	RGB 255 236 105	#FFEC69

#DDD138 #E2D53F #E8D947 #EEDE4F #F3E257 #F9E760 #FFEC69

#DDD138 - #EEDE4F - #FFEC69

CSS codes

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

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