#DBE76C - #FEF5A1 | 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 #DBE76C to #FEF5A1

#DBE76C #FEF5A1

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

#DBE76C - #FEF5A1 | 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 #DBE76C as 0% and #FEF5A1 as 100%.

0.0%	0.0% #DBE76C	RGB 219 231 108	#DBE76C
16.7%	16.7% #E0E974	RGB 224 233 116	#E0E974
33.3%	33.3% #E6EB7D	RGB 230 235 125	#E6EB7D
50.0%	50.0% #ECEE86	RGB 236 238 134	#ECEE86
66.7%	66.7% #F2F08F	RGB 242 240 143	#F2F08F
83.3%	83.3% #F8F298	RGB 248 242 152	#F8F298
100.0%	100.0% #FEF5A1	RGB 254 245 161	#FEF5A1

#DBE76C #E0E974 #E6EB7D #ECEE86 #F2F08F #F8F298 #FEF5A1

#DBE76C - #FEF5A1

HSV Blend

#DBE76C - #FEF5A1 | 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 #DBE76C as 0% and #FEF5A1 as 100%.

0.0%	0.0% #DBE76C	RGB 219 231 108	#DBE76C
16.7%	16.7% #E3EA74	RGB 227 234 116	#E3EA74
33.3%	33.3% #EAEE7C	RGB 234 238 124	#EAEE7C
50.0%	50.0% #F2F285	RGB 242 242 133	#F2F285
66.7%	66.7% #F6F38E	RGB 246 243 142	#F6F38E
83.3%	83.3% #FAF397	RGB 250 243 151	#FAF397
100.0%	100.0% #FEF5A1	RGB 254 245 161	#FEF5A1

#DBE76C #E3EA74 #EAEE7C #F2F285 #F6F38E #FAF397 #FEF5A1

#DBE76C - #F2F285 - #FEF5A1

CSS codes

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

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