#CF7D7E - #8C3035 | 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 #CF7D7E to #8C3035

#CF7D7E #8C3035

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

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

0.0%	0.0% #CF7D7E	RGB 207 125 126	#CF7D7E
16.7%	16.7% #C37071	RGB 195 112 113	#C37071
33.3%	33.3% #B86365	RGB 184 99 101	#B86365
50.0%	50.0% #AD5659	RGB 173 86 89	#AD5659
66.7%	66.7% #A2494D	RGB 162 73 77	#A2494D
83.3%	83.3% #973C41	RGB 151 60 65	#973C41
100.0%	100.0% #8C3035	RGB 140 48 53	#8C3035

#CF7D7E #C37071 #B86365 #AD5659 #A2494D #973C41 #8C3035

#CF7D7E - #8C3035

HSV Blend

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

0.0%	0.0% #CF7D7E	RGB 207 125 126	#CF7D7E
16.7%	16.7% #C36D6F	RGB 195 109 111	#C36D6F
33.3%	33.3% #B85F61	RGB 184 95 97	#B85F61
50.0%	50.0% #AD5255	RGB 173 82 85	#AD5255
66.7%	66.7% #A24549	RGB 162 69 73	#A24549
83.3%	83.3% #973A3E	RGB 151 58 62	#973A3E
100.0%	100.0% #8C3035	RGB 140 48 53	#8C3035

#CF7D7E #C36D6F #B85F61 #AD5255 #A24549 #973A3E #8C3035

#CF7D7E - #AD5255 - #8C3035

CSS codes

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

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