#FFD08C - #CD780E | 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 #FFD08C to #CD780E

#FFD08C #CD780E

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

#FFD08C - #CD780E | 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 #FFD08C as 0% and #CD780E as 100%.

0.0%	0.0% #FFD08C	RGB 255 208 140	#FFD08C
16.7%	16.7% #F6C177	RGB 246 193 119	#F6C177
33.3%	33.3% #EEB262	RGB 238 178 98	#EEB262
50.0%	50.0% #E6A44D	RGB 230 164 77	#E6A44D
66.7%	66.7% #DD9538	RGB 221 149 56	#DD9538
83.3%	83.3% #D58623	RGB 213 134 35	#D58623
100.0%	100.0% #CD780E	RGB 205 120 14	#CD780E

#FFD08C #F6C177 #EEB262 #E6A44D #DD9538 #D58623 #CD780E

#FFD08C - #CD780E

HSV Blend

#FFD08C - #CD780E | 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 #FFD08C as 0% and #CD780E as 100%.

0.0%	0.0% #FFD08C	RGB 255 208 140	#FFD08C
16.7%	16.7% #F6C073	RGB 246 192 115	#F6C073
33.3%	33.3% #EEB15C	RGB 238 177 92	#EEB15C
50.0%	50.0% #E6A246	RGB 230 162 70	#E6A246
66.7%	66.7% #DD9332	RGB 221 147 50	#DD9332
83.3%	83.3% #D5851F	RGB 213 133 31	#D5851F
100.0%	100.0% #CD780E	RGB 205 120 14	#CD780E

#FFD08C #F6C073 #EEB15C #E6A246 #DD9332 #D5851F #CD780E

#FFD08C - #E6A246 - #CD780E

CSS codes

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

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