#DC3C3E - #760F17 | 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 #DC3C3E to #760F17

#DC3C3E #760F17

Calculate the color between two colors, #DC3C3E and #760F17. 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)

#DC3C3E - #760F17 | 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 #DC3C3E as 0% and #760F17 as 100%.

0.0%	0.0% #DC3C3E	RGB 220 60 62	#DC3C3E
16.7%	16.7% #CB3437	RGB 203 52 55	#CB3437
33.3%	33.3% #BA2D31	RGB 186 45 49	#BA2D31
50.0%	50.0% #A9252A	RGB 169 37 42	#A9252A
66.7%	66.7% #981E24	RGB 152 30 36	#981E24
83.3%	83.3% #87161D	RGB 135 22 29	#87161D
100.0%	100.0% #760F17	RGB 118 15 23	#760F17

#DC3C3E #CB3437 #BA2D31 #A9252A #981E24 #87161D #760F17

#DC3C3E - #760F17

HSV Blend

#DC3C3E - #760F17 | 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 #DC3C3E as 0% and #760F17 as 100%.

0.0%	0.0% #DC3C3E	RGB 220 60 62	#DC3C3E
16.7%	16.7% #CB3236	RGB 203 50 54	#CB3236
33.3%	33.3% #BA292E	RGB 186 41 46	#BA292E
50.0%	50.0% #A92127	RGB 169 33 39	#A92127
66.7%	66.7% #981A21	RGB 152 26 33	#981A21
83.3%	83.3% #87141C	RGB 135 20 28	#87141C
100.0%	100.0% #760F17	RGB 118 15 23	#760F17

#DC3C3E #CB3236 #BA292E #A92127 #981A21 #87141C #760F17

#DC3C3E - #A92127 - #760F17

CSS codes

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

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