#C3605E - #96221A | 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 #C3605E to #96221A

#C3605E #96221A

Calculate the color between two colors, #C3605E and #96221A. 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)

#C3605E - #96221A | 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 #C3605E as 0% and #96221A as 100%.

0.0%	0.0% #C3605E	RGB 195 96 94	#C3605E
16.7%	16.7% #BB5552	RGB 187 85 82	#BB5552
33.3%	33.3% #B44B47	RGB 180 75 71	#B44B47
50.0%	50.0% #AC413C	RGB 172 65 60	#AC413C
66.7%	66.7% #A53630	RGB 165 54 48	#A53630
83.3%	83.3% #9D2C25	RGB 157 44 37	#9D2C25
100.0%	100.0% #96221A	RGB 150 34 26	#96221A

#C3605E #BB5552 #B44B47 #AC413C #A53630 #9D2C25 #96221A

#C3605E - #96221A

HSV Blend

#C3605E - #96221A | 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 #C3605E as 0% and #96221A as 100%.

0.0%	0.0% #C3605E	RGB 195 96 94	#C3605E
16.7%	16.7% #BB5350	RGB 187 83 80	#BB5350
33.3%	33.3% #B44844	RGB 180 72 68	#B44844
50.0%	50.0% #AC3D38	RGB 172 61 56	#AC3D38
66.7%	66.7% #A5332D	RGB 165 51 45	#A5332D
83.3%	83.3% #9D2A23	RGB 157 42 35	#9D2A23
100.0%	100.0% #96221A	RGB 150 34 26	#96221A

#C3605E #BB5350 #B44844 #AC3D38 #A5332D #9D2A23 #96221A

#C3605E - #AC3D38 - #96221A

CSS codes

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

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