#C35B7D - #8A0019 | 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 #C35B7D to #8A0019

#C35B7D #8A0019

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

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

0.0%	0.0% #C35B7D	RGB 195 91 125	#C35B7D
16.7%	16.7% #B94B6C	RGB 185 75 108	#B94B6C
33.3%	33.3% #B03C5B	RGB 176 60 91	#B03C5B
50.0%	50.0% #A62D4B	RGB 166 45 75	#A62D4B
66.7%	66.7% #9D1E3A	RGB 157 30 58	#9D1E3A
83.3%	83.3% #930F29	RGB 147 15 41	#930F29
100.0%	100.0% #8A0019	RGB 138 0 25	#8A0019

#C35B7D #B94B6C #B03C5B #A62D4B #9D1E3A #930F29 #8A0019

#C35B7D - #8A0019

HSV Blend

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

0.0%	0.0% #C35B7D	RGB 195 91 125	#C35B7D
16.7%	16.7% #B9486A	RGB 185 72 106	#B9486A
33.3%	33.3% #B03658	RGB 176 54 88	#B03658
50.0%	50.0% #A62647	RGB 166 38 71	#A62647
66.7%	66.7% #9D1836	RGB 157 24 54	#9D1836
83.3%	83.3% #930B27	RGB 147 11 39	#930B27
100.0%	100.0% #8A0019	RGB 138 0 25	#8A0019

#C35B7D #B9486A #B03658 #A62647 #9D1836 #930B27 #8A0019

#C35B7D - #A62647 - #8A0019

CSS codes

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

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