#FFCD8C - #EE8F37 | 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 #FFCD8C to #EE8F37

#FFCD8C #EE8F37

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

#FFCD8C - #EE8F37 | 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 #FFCD8C as 0% and #EE8F37 as 100%.

0.0%	0.0% #FFCD8C	RGB 255 205 140	#FFCD8C
16.7%	16.7% #FCC27D	RGB 252 194 125	#FCC27D
33.3%	33.3% #F9B86F	RGB 249 184 111	#F9B86F
50.0%	50.0% #F6AE61	RGB 246 174 97	#F6AE61
66.7%	66.7% #F3A353	RGB 243 163 83	#F3A353
83.3%	83.3% #F09945	RGB 240 153 69	#F09945
100.0%	100.0% #EE8F37	RGB 238 143 55	#EE8F37

#FFCD8C #FCC27D #F9B86F #F6AE61 #F3A353 #F09945 #EE8F37

#FFCD8C - #EE8F37

HSV Blend

#FFCD8C - #EE8F37 | 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 #FFCD8C as 0% and #EE8F37 as 100%.

0.0%	0.0% #FFCD8C	RGB 255 205 140	#FFCD8C
16.7%	16.7% #FCC37D	RGB 252 195 125	#FCC37D
33.3%	33.3% #F9B96E	RGB 249 185 110	#F9B96E
50.0%	50.0% #F6AE60	RGB 246 174 96	#F6AE60
66.7%	66.7% #F3A452	RGB 243 164 82	#F3A452
83.3%	83.3% #F09944	RGB 240 153 68	#F09944
100.0%	100.0% #EE8F37	RGB 238 143 55	#EE8F37

#FFCD8C #FCC37D #F9B96E #F6AE60 #F3A452 #F09944 #EE8F37

#FFCD8C - #F6AE60 - #EE8F37

CSS codes

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

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