#FFEDC7 - #CFB760 | 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 #FFEDC7 to #CFB760

#FFEDC7 #CFB760

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

#FFEDC7 - #CFB760 | 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 #FFEDC7 as 0% and #CFB760 as 100%.

0.0%	0.0% #FFEDC7	RGB 255 237 199	#FFEDC7
16.7%	16.7% #F7E4B5	RGB 247 228 181	#F7E4B5
33.3%	33.3% #EFDBA4	RGB 239 219 164	#EFDBA4
50.0%	50.0% #E7D293	RGB 231 210 147	#E7D293
66.7%	66.7% #DFC982	RGB 223 201 130	#DFC982
83.3%	83.3% #D7C071	RGB 215 192 113	#D7C071
100.0%	100.0% #CFB760	RGB 207 183 96	#CFB760

#FFEDC7 #F7E4B5 #EFDBA4 #E7D293 #DFC982 #D7C071 #CFB760

#FFEDC7 - #CFB760

HSV Blend

#FFEDC7 - #CFB760 | 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 #FFEDC7 as 0% and #CFB760 as 100%.

0.0%	0.0% #FFEDC7	RGB 255 237 199	#FFEDC7
16.7%	16.7% #F7E2B3	RGB 247 226 179	#F7E2B3
33.3%	33.3% #EFD8A1	RGB 239 216 161	#EFD8A1
50.0%	50.0% #E7CF8F	RGB 231 207 143	#E7CF8F
66.7%	66.7% #DFC67E	RGB 223 198 126	#DFC67E
83.3%	83.3% #D7BE6F	RGB 215 190 111	#D7BE6F
100.0%	100.0% #CFB760	RGB 207 183 96	#CFB760

#FFEDC7 #F7E2B3 #EFD8A1 #E7CF8F #DFC67E #D7BE6F #CFB760

#FFEDC7 - #E7CF8F - #CFB760

CSS codes

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

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