#C791A6 - #8C405E | 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 #C791A6 to #8C405E

#C791A6 #8C405E

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

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

0.0%	0.0% #C791A6	RGB 199 145 166	#C791A6
16.7%	16.7% #BD839A	RGB 189 131 154	#BD839A
33.3%	33.3% #B3768E	RGB 179 118 142	#B3768E
50.0%	50.0% #A96882	RGB 169 104 130	#A96882
66.7%	66.7% #9F5B76	RGB 159 91 118	#9F5B76
83.3%	83.3% #954D6A	RGB 149 77 106	#954D6A
100.0%	100.0% #8C405E	RGB 140 64 94	#8C405E

#C791A6 #BD839A #B3768E #A96882 #9F5B76 #954D6A #8C405E

#C791A6 - #8C405E

HSV Blend

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

0.0%	0.0% #C791A6	RGB 199 145 166	#C791A6
16.7%	16.7% #BD8198	RGB 189 129 152	#BD8198
33.3%	33.3% #B3728B	RGB 179 114 139	#B3728B
50.0%	50.0% #A9647F	RGB 169 100 127	#A9647F
66.7%	66.7% #9F5773	RGB 159 87 115	#9F5773
83.3%	83.3% #954B68	RGB 149 75 104	#954B68
100.0%	100.0% #8C405E	RGB 140 64 94	#8C405E

#C791A6 #BD8198 #B3728B #A9647F #9F5773 #954B68 #8C405E

#C791A6 - #A9647F - #8C405E

CSS codes

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

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