#FEEF8C - #D0F2B5 | 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 #FEEF8C to #D0F2B5

#FEEF8C #D0F2B5

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

#FEEF8C - #D0F2B5 | 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 #FEEF8C as 0% and #D0F2B5 as 100%.

0.0%	0.0% #FEEF8C	RGB 254 239 140	#FEEF8C
16.7%	16.7% #F6EF92	RGB 246 239 146	#F6EF92
33.3%	33.3% #EEF099	RGB 238 240 153	#EEF099
50.0%	50.0% #E7F0A0	RGB 231 240 160	#E7F0A0
66.7%	66.7% #DFF1A7	RGB 223 241 167	#DFF1A7
83.3%	83.3% #D7F1AE	RGB 215 241 174	#D7F1AE
100.0%	100.0% #D0F2B5	RGB 208 242 181	#D0F2B5

#FEEF8C #F6EF92 #EEF099 #E7F0A0 #DFF1A7 #D7F1AE #D0F2B5

#FEEF8C - #D0F2B5

HSV Blend

#FEEF8C - #D0F2B5 | 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 #FEEF8C as 0% and #D0F2B5 as 100%.

0.0%	0.0% #FEEF8C	RGB 254 239 140	#FEEF8C
16.7%	16.7% #FCFA93	RGB 252 250 147	#FCFA93
33.3%	33.3% #F0FA9A	RGB 240 250 154	#F0FA9A
50.0%	50.0% #E5F8A1	RGB 229 248 161	#E5F8A1
66.7%	66.7% #DCF6A7	RGB 220 246 167	#DCF6A7
83.3%	83.3% #D5F4AE	RGB 213 244 174	#D5F4AE
100.0%	100.0% #D0F2B5	RGB 208 242 181	#D0F2B5

#FEEF8C #FCFA93 #F0FA9A #E5F8A1 #DCF6A7 #D5F4AE #D0F2B5

#FEEF8C - #E5F8A1 - #D0F2B5

CSS codes

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

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