#C46C9F - #8A124F | 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 #C46C9F to #8A124F

#C46C9F #8A124F

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

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

0.0%	0.0% #C46C9F	RGB 196 108 159	#C46C9F
16.7%	16.7% #BA5D91	RGB 186 93 145	#BA5D91
33.3%	33.3% #B04E84	RGB 176 78 132	#B04E84
50.0%	50.0% #A73F77	RGB 167 63 119	#A73F77
66.7%	66.7% #9D3069	RGB 157 48 105	#9D3069
83.3%	83.3% #93215C	RGB 147 33 92	#93215C
100.0%	100.0% #8A124F	RGB 138 18 79	#8A124F

#C46C9F #BA5D91 #B04E84 #A73F77 #9D3069 #93215C #8A124F

#C46C9F - #8A124F

HSV Blend

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

0.0%	0.0% #C46C9F	RGB 196 108 159	#C46C9F
16.7%	16.7% #BA5990	RGB 186 89 144	#BA5990
33.3%	33.3% #B04882	RGB 176 72 130	#B04882
50.0%	50.0% #A73874	RGB 167 56 116	#A73874
66.7%	66.7% #9D2A67	RGB 157 42 103	#9D2A67
83.3%	83.3% #931D5B	RGB 147 29 91	#931D5B
100.0%	100.0% #8A124F	RGB 138 18 79	#8A124F

#C46C9F #BA5990 #B04882 #A73874 #9D2A67 #931D5B #8A124F

#C46C9F - #A73874 - #8A124F

CSS codes

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

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