#C35E7C - #8A0016 | 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 #C35E7C to #8A0016

#C35E7C #8A0016

Calculate the color between two colors, #C35E7C and #8A0016. 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)

#C35E7C - #8A0016 | 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 #C35E7C as 0% and #8A0016 as 100%.

0.0%	0.0% #C35E7C	RGB 195 94 124	#C35E7C
16.7%	16.7% #B94E6B	RGB 185 78 107	#B94E6B
33.3%	33.3% #B03E5A	RGB 176 62 90	#B03E5A
50.0%	50.0% #A62F49	RGB 166 47 73	#A62F49
66.7%	66.7% #9D1F38	RGB 157 31 56	#9D1F38
83.3%	83.3% #930F27	RGB 147 15 39	#930F27
100.0%	100.0% #8A0016	RGB 138 0 22	#8A0016

#C35E7C #B94E6B #B03E5A #A62F49 #9D1F38 #930F27 #8A0016

#C35E7C - #8A0016

HSV Blend

#C35E7C - #8A0016 | 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 #C35E7C as 0% and #8A0016 as 100%.

0.0%	0.0% #C35E7C	RGB 195 94 124	#C35E7C
16.7%	16.7% #B94A68	RGB 185 74 104	#B94A68
33.3%	33.3% #B03856	RGB 176 56 86	#B03856
50.0%	50.0% #A62844	RGB 166 40 68	#A62844
66.7%	66.7% #9D1934	RGB 157 25 52	#9D1934
83.3%	83.3% #930B24	RGB 147 11 36	#930B24
100.0%	100.0% #8A0016	RGB 138 0 22	#8A0016

#C35E7C #B94A68 #B03856 #A62844 #9D1934 #930B24 #8A0016

#C35E7C - #A62844 - #8A0016

CSS codes

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

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