#DFEB6B - #F5F9D4 | 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 #DFEB6B to #F5F9D4

#DFEB6B #F5F9D4

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

#DFEB6B - #F5F9D4 | 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 #DFEB6B as 0% and #F5F9D4 as 100%.

0.0%	0.0% #DFEB6B	RGB 223 235 107	#DFEB6B
16.7%	16.7% #E2ED7C	RGB 226 237 124	#E2ED7C
33.3%	33.3% #E6EF8E	RGB 230 239 142	#E6EF8E
50.0%	50.0% #EAF29F	RGB 234 242 159	#EAF29F
66.7%	66.7% #EDF4B1	RGB 237 244 177	#EDF4B1
83.3%	83.3% #F1F6C2	RGB 241 246 194	#F1F6C2
100.0%	100.0% #F5F9D4	RGB 245 249 212	#F5F9D4

#DFEB6B #E2ED7C #E6EF8E #EAF29F #EDF4B1 #F1F6C2 #F5F9D4

#DFEB6B - #F5F9D4

HSV Blend

#DFEB6B - #F5F9D4 | 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 #DFEB6B as 0% and #F5F9D4 as 100%.

0.0%	0.0% #DFEB6B	RGB 223 235 107	#DFEB6B
16.7%	16.7% #E2ED7B	RGB 226 237 123	#E2ED7B
33.3%	33.3% #E5EF8C	RGB 229 239 140	#E5EF8C
50.0%	50.0% #E9F29E	RGB 233 242 158	#E9F29E
66.7%	66.7% #EDF4AF	RGB 237 244 175	#EDF4AF
83.3%	83.3% #F1F6C1	RGB 241 246 193	#F1F6C1
100.0%	100.0% #F5F9D4	RGB 245 249 212	#F5F9D4

#DFEB6B #E2ED7B #E5EF8C #E9F29E #EDF4AF #F1F6C1 #F5F9D4

#DFEB6B - #E9F29E - #F5F9D4

CSS codes

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

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