#CB92DD - #71289B | 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 #CB92DD to #71289B

#CB92DD #71289B

Calculate the color between two colors, #CB92DD and #71289B. 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)

#CB92DD - #71289B | 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 #CB92DD as 0% and #71289B as 100%.

0.0%	0.0% #CB92DD	RGB 203 146 221	#CB92DD
16.7%	16.7% #BC80D2	RGB 188 128 210	#BC80D2
33.3%	33.3% #AD6EC7	RGB 173 110 199	#AD6EC7
50.0%	50.0% #9E5DBC	RGB 158 93 188	#9E5DBC
66.7%	66.7% #8F4BB1	RGB 143 75 177	#8F4BB1
83.3%	83.3% #8039A6	RGB 128 57 166	#8039A6
100.0%	100.0% #71289B	RGB 113 40 155	#71289B

#CB92DD #BC80D2 #AD6EC7 #9E5DBC #8F4BB1 #8039A6 #71289B

#CB92DD - #71289B

HSV Blend

#CB92DD - #71289B | 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 #CB92DD as 0% and #71289B as 100%.

0.0%	0.0% #CB92DD	RGB 203 146 221	#CB92DD
16.7%	16.7% #BB7CD2	RGB 187 124 210	#BB7CD2
33.3%	33.3% #AC68C7	RGB 172 104 199	#AC68C7
50.0%	50.0% #9D56BC	RGB 157 86 188	#9D56BC
66.7%	66.7% #8E45B1	RGB 142 69 177	#8E45B1
83.3%	83.3% #7F35A6	RGB 127 53 166	#7F35A6
100.0%	100.0% #71289B	RGB 113 40 155	#71289B

#CB92DD #BB7CD2 #AC68C7 #9D56BC #8E45B1 #7F35A6 #71289B

#CB92DD - #9D56BC - #71289B

CSS codes

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

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