#D3D0D6 - #8D81AB | 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 #D3D0D6 to #8D81AB

#D3D0D6 #8D81AB

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

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

0.0%	0.0% #D3D0D6	RGB 211 208 214	#D3D0D6
16.7%	16.7% #C7C2CE	RGB 199 194 206	#C7C2CE
33.3%	33.3% #BBB5C7	RGB 187 181 199	#BBB5C7
50.0%	50.0% #B0A8C0	RGB 176 168 192	#B0A8C0
66.7%	66.7% #A49BB9	RGB 164 155 185	#A49BB9
83.3%	83.3% #988EB2	RGB 152 142 178	#988EB2
100.0%	100.0% #8D81AB	RGB 141 129 171	#8D81AB

#D3D0D6 #C7C2CE #BBB5C7 #B0A8C0 #A49BB9 #988EB2 #8D81AB

#D3D0D6 - #8D81AB

HSV Blend

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

0.0%	0.0% #D3D0D6	RGB 211 208 214	#D3D0D6
16.7%	16.7% #C7C1CE	RGB 199 193 206	#C7C1CE
33.3%	33.3% #BCB3C7	RGB 188 179 199	#BCB3C7
50.0%	50.0% #B0A6C0	RGB 176 166 192	#B0A6C0
66.7%	66.7% #A499B9	RGB 164 153 185	#A499B9
83.3%	83.3% #988CB2	RGB 152 140 178	#988CB2
100.0%	100.0% #8D81AB	RGB 141 129 171	#8D81AB

#D3D0D6 #C7C1CE #BCB3C7 #B0A6C0 #A499B9 #988CB2 #8D81AB

#D3D0D6 - #B0A6C0 - #8D81AB

CSS codes

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

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