#766C9C - #D7D5E2 | 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 #766C9C to #D7D5E2

#766C9C #D7D5E2

Calculate the color between two colors, #766C9C and #D7D5E2. 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)

#766C9C - #D7D5E2 | 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 #766C9C as 0% and #D7D5E2 as 100%.

0.0%	0.0% #766C9C	RGB 118 108 156	#766C9C
16.7%	16.7% #867DA7	RGB 134 125 167	#867DA7
33.3%	33.3% #968FB3	RGB 150 143 179	#968FB3
50.0%	50.0% #A6A0BF	RGB 166 160 191	#A6A0BF
66.7%	66.7% #B6B2CA	RGB 182 178 202	#B6B2CA
83.3%	83.3% #C6C3D6	RGB 198 195 214	#C6C3D6
100.0%	100.0% #D7D5E2	RGB 215 213 226	#D7D5E2

#766C9C #867DA7 #968FB3 #A6A0BF #B6B2CA #C6C3D6 #D7D5E2

#766C9C - #D7D5E2

HSV Blend

#766C9C - #D7D5E2 | 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 #766C9C as 0% and #D7D5E2 as 100%.

0.0%	0.0% #766C9C	RGB 118 108 156	#766C9C
16.7%	16.7% #837BA7	RGB 131 123 167	#837BA7
33.3%	33.3% #928BB3	RGB 146 139 179	#928BB3
50.0%	50.0% #A29CBF	RGB 162 156 191	#A29CBF
66.7%	66.7% #B3AECA	RGB 179 174 202	#B3AECA
83.3%	83.3% #C4C1D6	RGB 196 193 214	#C4C1D6
100.0%	100.0% #D7D5E2	RGB 215 213 226	#D7D5E2

#766C9C #837BA7 #928BB3 #A29CBF #B3AECA #C4C1D6 #D7D5E2

#766C9C - #A29CBF - #D7D5E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #766C9C 0%, #A29CBF 50%, #D7D5E2 100%);
    background: -webkit-linear-gradient(top, #766C9C 0%, #A29CBF 50%, #D7D5E2 100%);
    background: linear-gradient(to bottom, #766C9C 0%, #A29CBF 50%, #D7D5E2 100%);
}
</style>