#DD7F01 - #9F400B | 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 #DD7F01 to #9F400B

#DD7F01 #9F400B

Calculate the color between two colors, #DD7F01 and #9F400B. 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)

#DD7F01 - #9F400B | 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 #DD7F01 as 0% and #9F400B as 100%.

0.0%	0.0% #DD7F01	RGB 221 127 1	#DD7F01
16.7%	16.7% #D27402	RGB 210 116 2	#D27402
33.3%	33.3% #C86A04	RGB 200 106 4	#C86A04
50.0%	50.0% #BE5F06	RGB 190 95 6	#BE5F06
66.7%	66.7% #B35507	RGB 179 85 7	#B35507
83.3%	83.3% #A94A09	RGB 169 74 9	#A94A09
100.0%	100.0% #9F400B	RGB 159 64 11	#9F400B

#DD7F01 #D27402 #C86A04 #BE5F06 #B35507 #A94A09 #9F400B

#DD7F01 - #9F400B

HSV Blend

#DD7F01 - #9F400B | 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 #DD7F01 as 0% and #9F400B as 100%.

0.0%	0.0% #DD7F01	RGB 221 127 1	#DD7F01
16.7%	16.7% #D27203	RGB 210 114 3	#D27203
33.3%	33.3% #C86705	RGB 200 103 5	#C86705
50.0%	50.0% #BE5C07	RGB 190 92 7	#BE5C07
66.7%	66.7% #B35208	RGB 179 82 8	#B35208
83.3%	83.3% #A94809	RGB 169 72 9	#A94809
100.0%	100.0% #9F400B	RGB 159 64 11	#9F400B

#DD7F01 #D27203 #C86705 #BE5C07 #B35208 #A94809 #9F400B

#DD7F01 - #BE5C07 - #9F400B

CSS codes

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

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