#FFD38C - #CD7A0E | 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 #FFD38C to #CD7A0E

#FFD38C #CD7A0E

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

#FFD38C - #CD7A0E | 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 #FFD38C as 0% and #CD7A0E as 100%.

0.0%	0.0% #FFD38C	RGB 255 211 140	#FFD38C
16.7%	16.7% #F6C477	RGB 246 196 119	#F6C477
33.3%	33.3% #EEB562	RGB 238 181 98	#EEB562
50.0%	50.0% #E6A64D	RGB 230 166 77	#E6A64D
66.7%	66.7% #DD9738	RGB 221 151 56	#DD9738
83.3%	83.3% #D58823	RGB 213 136 35	#D58823
100.0%	100.0% #CD7A0E	RGB 205 122 14	#CD7A0E

#FFD38C #F6C477 #EEB562 #E6A64D #DD9738 #D58823 #CD7A0E

#FFD38C - #CD7A0E

HSV Blend

#FFD38C - #CD7A0E | 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 #FFD38C as 0% and #CD7A0E as 100%.

0.0%	0.0% #FFD38C	RGB 255 211 140	#FFD38C
16.7%	16.7% #F6C373	RGB 246 195 115	#F6C373
33.3%	33.3% #EEB45C	RGB 238 180 92	#EEB45C
50.0%	50.0% #E6A546	RGB 230 165 70	#E6A546
66.7%	66.7% #DD9632	RGB 221 150 50	#DD9632
83.3%	83.3% #D5871F	RGB 213 135 31	#D5871F
100.0%	100.0% #CD7A0E	RGB 205 122 14	#CD7A0E

#FFD38C #F6C373 #EEB45C #E6A546 #DD9632 #D5871F #CD7A0E

#FFD38C - #E6A546 - #CD7A0E

CSS codes

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

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