#CB8FBE - #9A3C7E | 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 #CB8FBE to #9A3C7E

#CB8FBE #9A3C7E

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

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

0.0%	0.0% #CB8FBE	RGB 203 143 190	#CB8FBE
16.7%	16.7% #C281B3	RGB 194 129 179	#C281B3
33.3%	33.3% #BA73A8	RGB 186 115 168	#BA73A8
50.0%	50.0% #B2659E	RGB 178 101 158	#B2659E
66.7%	66.7% #AA5793	RGB 170 87 147	#AA5793
83.3%	83.3% #A24988	RGB 162 73 136	#A24988
100.0%	100.0% #9A3C7E	RGB 154 60 126	#9A3C7E

#CB8FBE #C281B3 #BA73A8 #B2659E #AA5793 #A24988 #9A3C7E

#CB8FBE - #9A3C7E

HSV Blend

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

0.0%	0.0% #CB8FBE	RGB 203 143 190	#CB8FBE
16.7%	16.7% #C27FB3	RGB 194 127 179	#C27FB3
33.3%	33.3% #BA6FA8	RGB 186 111 168	#BA6FA8
50.0%	50.0% #B2619D	RGB 178 97 157	#B2619D
66.7%	66.7% #AA5493	RGB 170 84 147	#AA5493
83.3%	83.3% #A24788	RGB 162 71 136	#A24788
100.0%	100.0% #9A3C7E	RGB 154 60 126	#9A3C7E

#CB8FBE #C27FB3 #BA6FA8 #B2619D #AA5493 #A24788 #9A3C7E

#CB8FBE - #B2619D - #9A3C7E

CSS codes

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

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