#C78B9F - #8F3450 | 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 #C78B9F to #8F3450

#C78B9F #8F3450

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

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

0.0%	0.0% #C78B9F	RGB 199 139 159	#C78B9F
16.7%	16.7% #BD7C91	RGB 189 124 145	#BD7C91
33.3%	33.3% #B46E84	RGB 180 110 132	#B46E84
50.0%	50.0% #AB5F77	RGB 171 95 119	#AB5F77
66.7%	66.7% #A1516A	RGB 161 81 106	#A1516A
83.3%	83.3% #98425D	RGB 152 66 93	#98425D
100.0%	100.0% #8F3450	RGB 143 52 80	#8F3450

#C78B9F #BD7C91 #B46E84 #AB5F77 #A1516A #98425D #8F3450

#C78B9F - #8F3450

HSV Blend

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

0.0%	0.0% #C78B9F	RGB 199 139 159	#C78B9F
16.7%	16.7% #BD7990	RGB 189 121 144	#BD7990
33.3%	33.3% #B46982	RGB 180 105 130	#B46982
50.0%	50.0% #AB5A74	RGB 171 90 116	#AB5A74
66.7%	66.7% #A14C67	RGB 161 76 103	#A14C67
83.3%	83.3% #983F5B	RGB 152 63 91	#983F5B
100.0%	100.0% #8F3450	RGB 143 52 80	#8F3450

#C78B9F #BD7990 #B46982 #AB5A74 #A14C67 #983F5B #8F3450

#C78B9F - #AB5A74 - #8F3450

CSS codes

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

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