#FFECC9 - #DBD76F | 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 #FFECC9 to #DBD76F

#FFECC9 #DBD76F

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

#FFECC9 - #DBD76F | 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 #FFECC9 as 0% and #DBD76F as 100%.

0.0%	0.0% #FFECC9	RGB 255 236 201	#FFECC9
16.7%	16.7% #F9E8BA	RGB 249 232 186	#F9E8BA
33.3%	33.3% #F3E5AB	RGB 243 229 171	#F3E5AB
50.0%	50.0% #EDE19C	RGB 237 225 156	#EDE19C
66.7%	66.7% #E7DE8D	RGB 231 222 141	#E7DE8D
83.3%	83.3% #E1DA7E	RGB 225 218 126	#E1DA7E
100.0%	100.0% #DBD76F	RGB 219 215 111	#DBD76F

#FFECC9 #F9E8BA #F3E5AB #EDE19C #E7DE8D #E1DA7E #DBD76F

#FFECC9 - #DBD76F

HSV Blend

#FFECC9 - #DBD76F | 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 #FFECC9 as 0% and #DBD76F as 100%.

0.0%	0.0% #FFECC9	RGB 255 236 201	#FFECC9
16.7%	16.7% #F9E5B8	RGB 249 229 184	#F9E5B8
33.3%	33.3% #F3E0A8	RGB 243 224 168	#F3E0A8
50.0%	50.0% #EDDC99	RGB 237 220 153	#EDDC99
66.7%	66.7% #E7D98A	RGB 231 217 138	#E7D98A
83.3%	83.3% #E1D87C	RGB 225 216 124	#E1D87C
100.0%	100.0% #DBD76F	RGB 219 215 111	#DBD76F

#FFECC9 #F9E5B8 #F3E0A8 #EDDC99 #E7D98A #E1D87C #DBD76F

#FFECC9 - #EDDC99 - #DBD76F

CSS codes

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

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