#6D5E84 - #D5D1DB | 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 #6D5E84 to #D5D1DB

#6D5E84 #D5D1DB

Calculate the color between two colors, #6D5E84 and #D5D1DB. 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)

#6D5E84 - #D5D1DB | 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 #6D5E84 as 0% and #D5D1DB as 100%.

0.0%	0.0% #6D5E84	RGB 109 94 132	#6D5E84
16.7%	16.7% #7E7192	RGB 126 113 146	#7E7192
33.3%	33.3% #8F84A1	RGB 143 132 161	#8F84A1
50.0%	50.0% #A197AF	RGB 161 151 175	#A197AF
66.7%	66.7% #B2AABE	RGB 178 170 190	#B2AABE
83.3%	83.3% #C3BDCC	RGB 195 189 204	#C3BDCC
100.0%	100.0% #D5D1DB	RGB 213 209 219	#D5D1DB

#6D5E84 #7E7192 #8F84A1 #A197AF #B2AABE #C3BDCC #D5D1DB

#6D5E84 - #D5D1DB

HSV Blend

#6D5E84 - #D5D1DB | 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 #6D5E84 as 0% and #D5D1DB as 100%.

0.0%	0.0% #6D5E84	RGB 109 94 132	#6D5E84
16.7%	16.7% #7C6E92	RGB 124 110 146	#7C6E92
33.3%	33.3% #8C7FA1	RGB 140 127 161	#8C7FA1
50.0%	50.0% #9D92AF	RGB 157 146 175	#9D92AF
66.7%	66.7% #AFA5BE	RGB 175 165 190	#AFA5BE
83.3%	83.3% #C1BACC	RGB 193 186 204	#C1BACC
100.0%	100.0% #D5D1DB	RGB 213 209 219	#D5D1DB

#6D5E84 #7C6E92 #8C7FA1 #9D92AF #AFA5BE #C1BACC #D5D1DB

#6D5E84 - #9D92AF - #D5D1DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E84 0%, #9D92AF 50%, #D5D1DB 100%);
    background: -webkit-linear-gradient(top, #6D5E84 0%, #9D92AF 50%, #D5D1DB 100%);
    background: linear-gradient(to bottom, #6D5E84 0%, #9D92AF 50%, #D5D1DB 100%);
}
</style>