#DDDF2D - #EAFD52 | 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 #DDDF2D to #EAFD52

#DDDF2D #EAFD52

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

#DDDF2D - #EAFD52 | 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 #DDDF2D as 0% and #EAFD52 as 100%.

0.0%	0.0% #DDDF2D	RGB 221 223 45	#DDDF2D
16.7%	16.7% #DFE433	RGB 223 228 51	#DFE433
33.3%	33.3% #E1E939	RGB 225 233 57	#E1E939
50.0%	50.0% #E3EE3F	RGB 227 238 63	#E3EE3F
66.7%	66.7% #E5F345	RGB 229 243 69	#E5F345
83.3%	83.3% #E7F84B	RGB 231 248 75	#E7F84B
100.0%	100.0% #EAFD52	RGB 234 253 82	#EAFD52

#DDDF2D #DFE433 #E1E939 #E3EE3F #E5F345 #E7F84B #EAFD52

#DDDF2D - #EAFD52

HSV Blend

#DDDF2D - #EAFD52 | 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 #DDDF2D as 0% and #EAFD52 as 100%.

0.0%	0.0% #DDDF2D	RGB 221 223 45	#DDDF2D
16.7%	16.7% #DFE432	RGB 223 228 50	#DFE432
33.3%	33.3% #E1E938	RGB 225 233 56	#E1E938
50.0%	50.0% #E3EE3E	RGB 227 238 62	#E3EE3E
66.7%	66.7% #E5F344	RGB 229 243 68	#E5F344
83.3%	83.3% #E7F84B	RGB 231 248 75	#E7F84B
100.0%	100.0% #EAFD52	RGB 234 253 82	#EAFD52

#DDDF2D #DFE432 #E1E938 #E3EE3E #E5F344 #E7F84B #EAFD52

#DDDF2D - #E3EE3E - #EAFD52

CSS codes

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

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