#CC98A8 - #964059 | 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 #CC98A8 to #964059

#CC98A8 #964059

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

#CC98A8 - #964059 | 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 #CC98A8 as 0% and #964059 as 100%.

0.0%	0.0% #CC98A8	RGB 204 152 168	#CC98A8
16.7%	16.7% #C3899A	RGB 195 137 154	#C3899A
33.3%	33.3% #BA7A8D	RGB 186 122 141	#BA7A8D
50.0%	50.0% #B16C80	RGB 177 108 128	#B16C80
66.7%	66.7% #A85D73	RGB 168 93 115	#A85D73
83.3%	83.3% #9F4E66	RGB 159 78 102	#9F4E66
100.0%	100.0% #964059	RGB 150 64 89	#964059

#CC98A8 #C3899A #BA7A8D #B16C80 #A85D73 #9F4E66 #964059

#CC98A8 - #964059

HSV Blend

#CC98A8 - #964059 | 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 #CC98A8 as 0% and #964059 as 100%.

0.0%	0.0% #CC98A8	RGB 204 152 168	#CC98A8
16.7%	16.7% #C38699	RGB 195 134 153	#C38699
33.3%	33.3% #BA768B	RGB 186 118 139	#BA768B
50.0%	50.0% #B1677D	RGB 177 103 125	#B1677D
66.7%	66.7% #A85970	RGB 168 89 112	#A85970
83.3%	83.3% #9F4C64	RGB 159 76 100	#9F4C64
100.0%	100.0% #964059	RGB 150 64 89	#964059

#CC98A8 #C38699 #BA768B #B1677D #A85970 #9F4C64 #964059

#CC98A8 - #B1677D - #964059

CSS codes

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

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