#6D5E5F - #CD82B5 | 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 #6D5E5F to #CD82B5

#6D5E5F #CD82B5

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

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

0.0%	0.0% #6D5E5F	RGB 109 94 95	#6D5E5F
16.7%	16.7% #7D646D	RGB 125 100 109	#7D646D
33.3%	33.3% #8D6A7B	RGB 141 106 123	#8D6A7B
50.0%	50.0% #9D708A	RGB 157 112 138	#9D708A
66.7%	66.7% #AD7698	RGB 173 118 152	#AD7698
83.3%	83.3% #BD7CA6	RGB 189 124 166	#BD7CA6
100.0%	100.0% #CD82B5	RGB 205 130 181	#CD82B5

#6D5E5F #7D646D #8D6A7B #9D708A #AD7698 #BD7CA6 #CD82B5

#6D5E5F - #CD82B5

HSV Blend

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

0.0%	0.0% #6D5E5F	RGB 109 94 95	#6D5E5F
16.7%	16.7% #7D676A	RGB 125 103 106	#7D676A
33.3%	33.3% #8D6E77	RGB 141 110 119	#8D6E77
50.0%	50.0% #9D7584	RGB 157 117 132	#9D7584
66.7%	66.7% #AD7A92	RGB 173 122 146	#AD7A92
83.3%	83.3% #BD7FA2	RGB 189 127 162	#BD7FA2
100.0%	100.0% #CD82B5	RGB 205 130 181	#CD82B5

#6D5E5F #7D676A #8D6E77 #9D7584 #AD7A92 #BD7FA2 #CD82B5

#6D5E5F - #9D7584 - #CD82B5

CSS codes

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

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