#C06570 - #81141D | 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 #C06570 to #81141D

#C06570 #81141D

Calculate the color between two colors, #C06570 and #81141D. 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)

#C06570 - #81141D | 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 #C06570 as 0% and #81141D as 100%.

0.0%	0.0% #C06570	RGB 192 101 112	#C06570
16.7%	16.7% #B55762	RGB 181 87 98	#B55762
33.3%	33.3% #AB4A54	RGB 171 74 84	#AB4A54
50.0%	50.0% #A03C46	RGB 160 60 70	#A03C46
66.7%	66.7% #962F38	RGB 150 47 56	#962F38
83.3%	83.3% #8B212A	RGB 139 33 42	#8B212A
100.0%	100.0% #81141D	RGB 129 20 29	#81141D

#C06570 #B55762 #AB4A54 #A03C46 #962F38 #8B212A #81141D

#C06570 - #81141D

HSV Blend

#C06570 - #81141D | 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 #C06570 as 0% and #81141D as 100%.

0.0%	0.0% #C0656F	RGB 192 101 111	#C0656F
16.7%	16.7% #B5545F	RGB 181 84 95	#B5545F
33.3%	33.3% #AB444F	RGB 171 68 79	#AB444F
50.0%	50.0% #A03641	RGB 160 54 65	#A03641
66.7%	66.7% #962934	RGB 150 41 52	#962934
83.3%	83.3% #8B1E27	RGB 139 30 39	#8B1E27
100.0%	100.0% #81141D	RGB 129 20 29	#81141D

#C0656F #B5545F #AB444F #A03641 #962934 #8B1E27 #81141D

#C06570 - #A03641 - #81141D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0656F 0%, #A03641 50%, #81141D 100%);
    background: -webkit-linear-gradient(top, #C0656F 0%, #A03641 50%, #81141D 100%);
    background: linear-gradient(to bottom, #C0656F 0%, #A03641 50%, #81141D 100%);
}
</style>