#D1B2D9 - #8B5297 | 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 #D1B2D9 to #8B5297

#D1B2D9 #8B5297

Calculate the color between two colors, #D1B2D9 and #8B5297. 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)

#D1B2D9 - #8B5297 | 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 #D1B2D9 as 0% and #8B5297 as 100%.

0.0%	0.0% #D1B2D9	RGB 209 178 217	#D1B2D9
16.7%	16.7% #C5A2CE	RGB 197 162 206	#C5A2CE
33.3%	33.3% #B992C3	RGB 185 146 195	#B992C3
50.0%	50.0% #AE82B8	RGB 174 130 184	#AE82B8
66.7%	66.7% #A272AD	RGB 162 114 173	#A272AD
83.3%	83.3% #9662A2	RGB 150 98 162	#9662A2
100.0%	100.0% #8B5297	RGB 139 82 151	#8B5297

#D1B2D9 #C5A2CE #B992C3 #AE82B8 #A272AD #9662A2 #8B5297

#D1B2D9 - #8B5297

HSV Blend

#D1B2D9 - #8B5297 | 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 #D1B2D9 as 0% and #8B5297 as 100%.

0.0%	0.0% #D1B2D9	RGB 209 178 217	#D1B2D9
16.7%	16.7% #C49FCE	RGB 196 159 206	#C49FCE
33.3%	33.3% #B88DC3	RGB 184 141 195	#B88DC3
50.0%	50.0% #AC7DB8	RGB 172 125 184	#AC7DB8
66.7%	66.7% #A16DAD	RGB 161 109 173	#A16DAD
83.3%	83.3% #965FA2	RGB 150 95 162	#965FA2
100.0%	100.0% #8B5297	RGB 139 82 151	#8B5297

#D1B2D9 #C49FCE #B88DC3 #AC7DB8 #A16DAD #965FA2 #8B5297

#D1B2D9 - #AC7DB8 - #8B5297

CSS codes

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

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