#CF6000 - #FFD957 | 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 #CF6000 to #FFD957

#CF6000 #FFD957

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

#CF6000 - #FFD957 | 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 #CF6000 as 0% and #FFD957 as 100%.

0.0%	0.0% #CF6000	RGB 207 96 0	#CF6000
16.7%	16.7% #D7740E	RGB 215 116 14	#D7740E
33.3%	33.3% #DF881D	RGB 223 136 29	#DF881D
50.0%	50.0% #E79C2B	RGB 231 156 43	#E79C2B
66.7%	66.7% #EFB03A	RGB 239 176 58	#EFB03A
83.3%	83.3% #F7C448	RGB 247 196 72	#F7C448
100.0%	100.0% #FFD957	RGB 255 217 87	#FFD957

#CF6000 #D7740E #DF881D #E79C2B #EFB03A #F7C448 #FFD957

#CF6000 - #FFD957

HSV Blend

#CF6000 - #FFD957 | 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 #CF6000 as 0% and #FFD957 as 100%.

0.0%	0.0% #CF6000	RGB 207 96 0	#CF6000
16.7%	16.7% #D7740C	RGB 215 116 12	#D7740C
33.3%	33.3% #DF8919	RGB 223 137 25	#DF8919
50.0%	50.0% #E79D27	RGB 231 157 39	#E79D27
66.7%	66.7% #EFB236	RGB 239 178 54	#EFB236
83.3%	83.3% #F7C546	RGB 247 197 70	#F7C546
100.0%	100.0% #FFD957	RGB 255 217 87	#FFD957

#CF6000 #D7740C #DF8919 #E79D27 #EFB236 #F7C546 #FFD957

#CF6000 - #E79D27 - #FFD957

CSS codes

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

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