#C75E79 - #8D0015 | 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 #C75E79 to #8D0015

#C75E79 #8D0015

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

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

0.0%	0.0% #C75E79	RGB 199 94 121	#C75E79
16.7%	16.7% #BD4E68	RGB 189 78 104	#BD4E68
33.3%	33.3% #B33E57	RGB 179 62 87	#B33E57
50.0%	50.0% #AA2F47	RGB 170 47 71	#AA2F47
66.7%	66.7% #A01F36	RGB 160 31 54	#A01F36
83.3%	83.3% #960F25	RGB 150 15 37	#960F25
100.0%	100.0% #8D0015	RGB 141 0 21	#8D0015

#C75E79 #BD4E68 #B33E57 #AA2F47 #A01F36 #960F25 #8D0015

#C75E79 - #8D0015

HSV Blend

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

0.0%	0.0% #C75E79	RGB 199 94 121	#C75E79
16.7%	16.7% #BD4A65	RGB 189 74 101	#BD4A65
33.3%	33.3% #B33853	RGB 179 56 83	#B33853
50.0%	50.0% #AA2842	RGB 170 40 66	#AA2842
66.7%	66.7% #A01932	RGB 160 25 50	#A01932
83.3%	83.3% #960B23	RGB 150 11 35	#960B23
100.0%	100.0% #8D0015	RGB 141 0 21	#8D0015

#C75E79 #BD4A65 #B33853 #AA2842 #A01932 #960B23 #8D0015

#C75E79 - #AA2842 - #8D0015

CSS codes

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

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