#897E9F - #CF9DFD | 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 #897E9F to #CF9DFD

#897E9F #CF9DFD

Calculate the color between two colors, #897E9F and #CF9DFD. 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)

#897E9F - #CF9DFD | 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 #897E9F as 0% and #CF9DFD as 100%.

0.0%	0.0% #897E9F	RGB 137 126 159	#897E9F
16.7%	16.7% #9483AE	RGB 148 131 174	#9483AE
33.3%	33.3% #A088BE	RGB 160 136 190	#A088BE
50.0%	50.0% #AC8DCE	RGB 172 141 206	#AC8DCE
66.7%	66.7% #B792DD	RGB 183 146 221	#B792DD
83.3%	83.3% #C397ED	RGB 195 151 237	#C397ED
100.0%	100.0% #CF9DFD	RGB 207 157 253	#CF9DFD

#897E9F #9483AE #A088BE #AC8DCE #B792DD #C397ED #CF9DFD

#897E9F - #CF9DFD

HSV Blend

#897E9F - #CF9DFD | 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 #897E9F as 0% and #CF9DFD as 100%.

0.0%	0.0% #897E9F	RGB 137 126 159	#897E9F
16.7%	16.7% #9485AE	RGB 148 133 174	#9485AE
33.3%	33.3% #9F8BBE	RGB 159 139 190	#9F8BBE
50.0%	50.0% #AB91CE	RGB 171 145 206	#AB91CE
66.7%	66.7% #B696DD	RGB 182 150 221	#B696DD
83.3%	83.3% #C29AED	RGB 194 154 237	#C29AED
100.0%	100.0% #CF9DFD	RGB 207 157 253	#CF9DFD

#897E9F #9485AE #9F8BBE #AB91CE #B696DD #C29AED #CF9DFD

#897E9F - #AB91CE - #CF9DFD

CSS codes

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

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