#756E9A - #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 #756E9A to #D7D5E2

#756E9A #D7D5E2

Calculate the color between two colors, #756E9A 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)

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

0.0%	0.0% #756E9A	RGB 117 110 154	#756E9A
16.7%	16.7% #857FA6	RGB 133 127 166	#857FA6
33.3%	33.3% #9590B2	RGB 149 144 178	#9590B2
50.0%	50.0% #A6A1BE	RGB 166 161 190	#A6A1BE
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

#756E9A #857FA6 #9590B2 #A6A1BE #B6B2CA #C6C3D6 #D7D5E2

#756E9A - #D7D5E2

HSV Blend

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

0.0%	0.0% #756E9A	RGB 117 110 154	#756E9A
16.7%	16.7% #837CA6	RGB 131 124 166	#837CA6
33.3%	33.3% #928CB2	RGB 146 140 178	#928CB2
50.0%	50.0% #A29DBE	RGB 162 157 190	#A29DBE
66.7%	66.7% #B3AFCA	RGB 179 175 202	#B3AFCA
83.3%	83.3% #C4C1D6	RGB 196 193 214	#C4C1D6
100.0%	100.0% #D7D5E2	RGB 215 213 226	#D7D5E2

#756E9A #837CA6 #928CB2 #A29DBE #B3AFCA #C4C1D6 #D7D5E2

#756E9A - #A29DBE - #D7D5E2

CSS codes

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

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