#FDEEBC - #DCC64B | 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 #FDEEBC to #DCC64B

#FDEEBC #DCC64B

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

#FDEEBC - #DCC64B | 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 #FDEEBC as 0% and #DCC64B as 100%.

0.0%	0.0% #FDEEBC	RGB 253 238 188	#FDEEBC
16.7%	16.7% #F7E7A9	RGB 247 231 169	#F7E7A9
33.3%	33.3% #F2E096	RGB 242 224 150	#F2E096
50.0%	50.0% #ECDA83	RGB 236 218 131	#ECDA83
66.7%	66.7% #E7D370	RGB 231 211 112	#E7D370
83.3%	83.3% #E1CC5D	RGB 225 204 93	#E1CC5D
100.0%	100.0% #DCC64B	RGB 220 198 75	#DCC64B

#FDEEBC #F7E7A9 #F2E096 #ECDA83 #E7D370 #E1CC5D #DCC64B

#FDEEBC - #DCC64B

HSV Blend

#FDEEBC - #DCC64B | 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 #FDEEBC as 0% and #DCC64B as 100%.

0.0%	0.0% #FDEEBC	RGB 253 238 188	#FDEEBC
16.7%	16.7% #F7E6A7	RGB 247 230 167	#F7E6A7
33.3%	33.3% #F2DE93	RGB 242 222 147	#F2DE93
50.0%	50.0% #ECD780	RGB 236 215 128	#ECD780
66.7%	66.7% #E7D16D	RGB 231 209 109	#E7D16D
83.3%	83.3% #E1CB5B	RGB 225 203 91	#E1CB5B
100.0%	100.0% #DCC64B	RGB 220 198 75	#DCC64B

#FDEEBC #F7E6A7 #F2DE93 #ECD780 #E7D16D #E1CB5B #DCC64B

#FDEEBC - #ECD780 - #DCC64B

CSS codes

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

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