#CF78A8 - #971859 | 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 #CF78A8 to #971859

#CF78A8 #971859

Calculate the color between two colors, #CF78A8 and #971859. 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)

#CF78A8 - #971859 | 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 #CF78A8 as 0% and #971859 as 100%.

0.0%	0.0% #CF78A8	RGB 207 120 168	#CF78A8
16.7%	16.7% #C5689A	RGB 197 104 154	#C5689A
33.3%	33.3% #BC588D	RGB 188 88 141	#BC588D
50.0%	50.0% #B34880	RGB 179 72 128	#B34880
66.7%	66.7% #A93873	RGB 169 56 115	#A93873
83.3%	83.3% #A02866	RGB 160 40 102	#A02866
100.0%	100.0% #971859	RGB 151 24 89	#971859

#CF78A8 #C5689A #BC588D #B34880 #A93873 #A02866 #971859

#CF78A8 - #971859

HSV Blend

#CF78A8 - #971859 | 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 #CF78A8 as 0% and #971859 as 100%.

0.0%	0.0% #CF78A7	RGB 207 120 167	#CF78A7
16.7%	16.7% #C56499	RGB 197 100 153	#C56499
33.3%	33.3% #BC528B	RGB 188 82 139	#BC528B
50.0%	50.0% #B3427E	RGB 179 66 126	#B3427E
66.7%	66.7% #A93271	RGB 169 50 113	#A93271
83.3%	83.3% #A02464	RGB 160 36 100	#A02464
100.0%	100.0% #971859	RGB 151 24 89	#971859

#CF78A7 #C56499 #BC528B #B3427E #A93271 #A02464 #971859

#CF78A8 - #B3427E - #971859

CSS codes

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

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