#FFCF7E - #ED932C | 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 #FFCF7E to #ED932C

#FFCF7E #ED932C

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

#FFCF7E - #ED932C | 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 #FFCF7E as 0% and #ED932C as 100%.

0.0%	0.0% #FFCF7E	RGB 255 207 126	#FFCF7E
16.7%	16.7% #FCC570	RGB 252 197 112	#FCC570
33.3%	33.3% #F9BB62	RGB 249 187 98	#F9BB62
50.0%	50.0% #F6B155	RGB 246 177 85	#F6B155
66.7%	66.7% #F3A747	RGB 243 167 71	#F3A747
83.3%	83.3% #F09D39	RGB 240 157 57	#F09D39
100.0%	100.0% #ED932C	RGB 237 147 44	#ED932C

#FFCF7E #FCC570 #F9BB62 #F6B155 #F3A747 #F09D39 #ED932C

#FFCF7E - #ED932C

HSV Blend

#FFCF7E - #ED932C | 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 #FFCF7E as 0% and #ED932C as 100%.

0.0%	0.0% #FFCF7E	RGB 255 207 126	#FFCF7E
16.7%	16.7% #FCC56F	RGB 252 197 111	#FCC56F
33.3%	33.3% #F9BB61	RGB 249 187 97	#F9BB61
50.0%	50.0% #F6B153	RGB 246 177 83	#F6B153
66.7%	66.7% #F3A746	RGB 243 167 70	#F3A746
83.3%	83.3% #F09D38	RGB 240 157 56	#F09D38
100.0%	100.0% #ED932C	RGB 237 147 44	#ED932C

#FFCF7E #FCC56F #F9BB61 #F6B153 #F3A746 #F09D38 #ED932C

#FFCF7E - #F6B153 - #ED932C

CSS codes

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

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