#C92A43 - #610717 | 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 #C92A43 to #610717

#C92A43 #610717

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

#C92A43 - #610717 | 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 #C92A43 as 0% and #610717 as 100%.

0.0%	0.0% #C92A43	RGB 201 42 67	#C92A43
16.7%	16.7% #B7243B	RGB 183 36 59	#B7243B
33.3%	33.3% #A61E34	RGB 166 30 52	#A61E34
50.0%	50.0% #95182D	RGB 149 24 45	#95182D
66.7%	66.7% #831225	RGB 131 18 37	#831225
83.3%	83.3% #720C1E	RGB 114 12 30	#720C1E
100.0%	100.0% #610717	RGB 97 7 23	#610717

#C92A43 #B7243B #A61E34 #95182D #831225 #720C1E #610717

#C92A43 - #610717

HSV Blend

#C92A43 - #610717 | 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 #C92A43 as 0% and #610717 as 100%.

0.0%	0.0% #C92A43	RGB 201 42 67	#C92A43
16.7%	16.7% #B7223A	RGB 183 34 58	#B7223A
33.3%	33.3% #A61B32	RGB 166 27 50	#A61B32
50.0%	50.0% #95142A	RGB 149 20 42	#95142A
66.7%	66.7% #830F23	RGB 131 15 35	#830F23
83.3%	83.3% #720A1C	RGB 114 10 28	#720A1C
100.0%	100.0% #610717	RGB 97 7 23	#610717

#C92A43 #B7223A #A61B32 #95142A #830F23 #720A1C #610717

#C92A43 - #95142A - #610717

CSS codes

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

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