#C78C9F - #8F3550 | 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 #C78C9F to #8F3550

#C78C9F #8F3550

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

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

0.0%	0.0% #C78C9F	RGB 199 140 159	#C78C9F
16.7%	16.7% #BD7D91	RGB 189 125 145	#BD7D91
33.3%	33.3% #B46F84	RGB 180 111 132	#B46F84
50.0%	50.0% #AB6077	RGB 171 96 119	#AB6077
66.7%	66.7% #A1526A	RGB 161 82 106	#A1526A
83.3%	83.3% #98435D	RGB 152 67 93	#98435D
100.0%	100.0% #8F3550	RGB 143 53 80	#8F3550

#C78C9F #BD7D91 #B46F84 #AB6077 #A1526A #98435D #8F3550

#C78C9F - #8F3550

HSV Blend

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

0.0%	0.0% #C78C9F	RGB 199 140 159	#C78C9F
16.7%	16.7% #BD7A90	RGB 189 122 144	#BD7A90
33.3%	33.3% #B46A81	RGB 180 106 129	#B46A81
50.0%	50.0% #AB5B74	RGB 171 91 116	#AB5B74
66.7%	66.7% #A14D67	RGB 161 77 103	#A14D67
83.3%	83.3% #98405B	RGB 152 64 91	#98405B
100.0%	100.0% #8F3550	RGB 143 53 80	#8F3550

#C78C9F #BD7A90 #B46A81 #AB5B74 #A14D67 #98405B #8F3550

#C78C9F - #AB5B74 - #8F3550

CSS codes

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

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