#DB635B - #970900 | 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 #DB635B to #970900

#DB635B #970900

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

#DB635B - #970900 | 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 #DB635B as 0% and #970900 as 100%.

0.0%	0.0% #DB635B	RGB 219 99 91	#DB635B
16.7%	16.7% #CF544B	RGB 207 84 75	#CF544B
33.3%	33.3% #C4453C	RGB 196 69 60	#C4453C
50.0%	50.0% #B9362D	RGB 185 54 45	#B9362D
66.7%	66.7% #AD271E	RGB 173 39 30	#AD271E
83.3%	83.3% #A2180F	RGB 162 24 15	#A2180F
100.0%	100.0% #970900	RGB 151 9 0	#970900

#DB635B #CF544B #C4453C #B9362D #AD271E #A2180F #970900

#DB635B - #970900

HSV Blend

#DB635B - #970900 | 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 #DB635B as 0% and #970900 as 100%.

0.0%	0.0% #DB635B	RGB 219 99 91	#DB635B
16.7%	16.7% #CF5047	RGB 207 80 71	#CF5047
33.3%	33.3% #C43F36	RGB 196 63 54	#C43F36
50.0%	50.0% #B92F26	RGB 185 47 38	#B92F26
66.7%	66.7% #AD2118	RGB 173 33 24	#AD2118
83.3%	83.3% #A2140B	RGB 162 20 11	#A2140B
100.0%	100.0% #970900	RGB 151 9 0	#970900

#DB635B #CF5047 #C43F36 #B92F26 #AD2118 #A2140B #970900

#DB635B - #B92F26 - #970900

CSS codes

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

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