#CF4D7B - #810533 | 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 #CF4D7B to #810533

#CF4D7B #810533

Calculate the color between two colors, #CF4D7B and #810533. 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)

#CF4D7B - #810533 | 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 #CF4D7B as 0% and #810533 as 100%.

0.0%	0.0% #CF4D7B	RGB 207 77 123	#CF4D7B
16.7%	16.7% #C2416F	RGB 194 65 111	#C2416F
33.3%	33.3% #B53563	RGB 181 53 99	#B53563
50.0%	50.0% #A82957	RGB 168 41 87	#A82957
66.7%	66.7% #9B1D4B	RGB 155 29 75	#9B1D4B
83.3%	83.3% #8E113F	RGB 142 17 63	#8E113F
100.0%	100.0% #810533	RGB 129 5 51	#810533

#CF4D7B #C2416F #B53563 #A82957 #9B1D4B #8E113F #810533

#CF4D7B - #810533

HSV Blend

#CF4D7B - #810533 | 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 #CF4D7B as 0% and #810533 as 100%.

0.0%	0.0% #CF4D7B	RGB 207 77 123	#CF4D7B
16.7%	16.7% #C23D6C	RGB 194 61 108	#C23D6C
33.3%	33.3% #B52F5F	RGB 181 47 95	#B52F5F
50.0%	50.0% #A82252	RGB 168 34 82	#A82252
66.7%	66.7% #9B1747	RGB 155 23 71	#9B1747
83.3%	83.3% #8E0D3C	RGB 142 13 60	#8E0D3C
100.0%	100.0% #810533	RGB 129 5 51	#810533

#CF4D7B #C23D6C #B52F5F #A82252 #9B1747 #8E0D3C #810533

#CF4D7B - #A82252 - #810533

CSS codes

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

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