#CF77AD - #97155E | 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 #CF77AD to #97155E

#CF77AD #97155E

Calculate the color between two colors, #CF77AD and #97155E. 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)

#CF77AD - #97155E | 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 #CF77AD as 0% and #97155E as 100%.

0.0%	0.0% #CF77AD	RGB 207 119 173	#CF77AD
16.7%	16.7% #C5669F	RGB 197 102 159	#C5669F
33.3%	33.3% #BC5692	RGB 188 86 146	#BC5692
50.0%	50.0% #B34685	RGB 179 70 133	#B34685
66.7%	66.7% #A93578	RGB 169 53 120	#A93578
83.3%	83.3% #A0256B	RGB 160 37 107	#A0256B
100.0%	100.0% #97155E	RGB 151 21 94	#97155E

#CF77AD #C5669F #BC5692 #B34685 #A93578 #A0256B #97155E

#CF77AD - #97155E

HSV Blend

#CF77AD - #97155E | 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 #CF77AD as 0% and #97155E as 100%.

0.0%	0.0% #CF77AC	RGB 207 119 172	#CF77AC
16.7%	16.7% #C5639E	RGB 197 99 158	#C5639E
33.3%	33.3% #BC5090	RGB 188 80 144	#BC5090
50.0%	50.0% #B33F83	RGB 179 63 131	#B33F83
66.7%	66.7% #A93076	RGB 169 48 118	#A93076
83.3%	83.3% #A0216A	RGB 160 33 106	#A0216A
100.0%	100.0% #97155E	RGB 151 21 94	#97155E

#CF77AC #C5639E #BC5090 #B33F83 #A93076 #A0216A #97155E

#CF77AD - #B33F83 - #97155E

CSS codes

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

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