#CF97B8 - #9F366A | 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 #CF97B8 to #9F366A

#CF97B8 #9F366A

Calculate the color between two colors, #CF97B8 and #9F366A. 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)

#CF97B8 - #9F366A | 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 #CF97B8 as 0% and #9F366A as 100%.

0.0%	0.0% #CF97B8	RGB 207 151 184	#CF97B8
16.7%	16.7% #C786AB	RGB 199 134 171	#C786AB
33.3%	33.3% #BF769E	RGB 191 118 158	#BF769E
50.0%	50.0% #B76691	RGB 183 102 145	#B76691
66.7%	66.7% #AF5684	RGB 175 86 132	#AF5684
83.3%	83.3% #A74677	RGB 167 70 119	#A74677
100.0%	100.0% #9F366A	RGB 159 54 106	#9F366A

#CF97B8 #C786AB #BF769E #B76691 #AF5684 #A74677 #9F366A

#CF97B8 - #9F366A

HSV Blend

#CF97B8 - #9F366A | 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 #CF97B8 as 0% and #9F366A as 100%.

0.0%	0.0% #CF97B8	RGB 207 151 184	#CF97B8
16.7%	16.7% #C784AA	RGB 199 132 170	#C784AA
33.3%	33.3% #BF729D	RGB 191 114 157	#BF729D
50.0%	50.0% #B76190	RGB 183 97 144	#B76190
66.7%	66.7% #AF5283	RGB 175 82 131	#AF5283
83.3%	83.3% #A74376	RGB 167 67 118	#A74376
100.0%	100.0% #9F366A	RGB 159 54 106	#9F366A

#CF97B8 #C784AA #BF729D #B76190 #AF5283 #A74376 #9F366A

#CF97B8 - #B76190 - #9F366A

CSS codes

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

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