#DD5D3E - #A5250F | 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 #DD5D3E to #A5250F

#DD5D3E #A5250F

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

#DD5D3E - #A5250F | 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 #DD5D3E as 0% and #A5250F as 100%.

0.0%	0.0% #DD5D3E	RGB 221 93 62	#DD5D3E
16.7%	16.7% #D35336	RGB 211 83 54	#D35336
33.3%	33.3% #CA4A2E	RGB 202 74 46	#CA4A2E
50.0%	50.0% #C14126	RGB 193 65 38	#C14126
66.7%	66.7% #B7371E	RGB 183 55 30	#B7371E
83.3%	83.3% #AE2E16	RGB 174 46 22	#AE2E16
100.0%	100.0% #A5250F	RGB 165 37 15	#A5250F

#DD5D3E #D35336 #CA4A2E #C14126 #B7371E #AE2E16 #A5250F

#DD5D3E - #A5250F

HSV Blend

#DD5D3E - #A5250F | 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 #DD5D3E as 0% and #A5250F as 100%.

0.0%	0.0% #DD5D3E	RGB 221 93 62	#DD5D3E
16.7%	16.7% #D35234	RGB 211 82 52	#D35234
33.3%	33.3% #CA482B	RGB 202 72 43	#CA482B
50.0%	50.0% #C13E23	RGB 193 62 35	#C13E23
66.7%	66.7% #B7351C	RGB 183 53 28	#B7351C
83.3%	83.3% #AE2D15	RGB 174 45 21	#AE2D15
100.0%	100.0% #A5250F	RGB 165 37 15	#A5250F

#DD5D3E #D35234 #CA482B #C13E23 #B7351C #AE2D15 #A5250F

#DD5D3E - #C13E23 - #A5250F

CSS codes

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

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