#6D5E6C - #A182CD | 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 #6D5E6C to #A182CD

#6D5E6C #A182CD

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

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

0.0%	0.0% #6D5E6C	RGB 109 94 108	#6D5E6C
16.7%	16.7% #75647C	RGB 117 100 124	#75647C
33.3%	33.3% #7E6A8C	RGB 126 106 140	#7E6A8C
50.0%	50.0% #87709C	RGB 135 112 156	#87709C
66.7%	66.7% #8F76AC	RGB 143 118 172	#8F76AC
83.3%	83.3% #987CBC	RGB 152 124 188	#987CBC
100.0%	100.0% #A182CD	RGB 161 130 205	#A182CD

#6D5E6C #75647C #7E6A8C #87709C #8F76AC #987CBC #A182CD

#6D5E6C - #A182CD

HSV Blend

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

0.0%	0.0% #6D5E6C	RGB 109 94 108	#6D5E6C
16.7%	16.7% #7C677D	RGB 124 103 125	#7C677D
33.3%	33.3% #886E8D	RGB 136 110 141	#886E8D
50.0%	50.0% #92759D	RGB 146 117 157	#92759D
66.7%	66.7% #9A7AAD	RGB 154 122 173	#9A7AAD
83.3%	83.3% #9F7FBD	RGB 159 127 189	#9F7FBD
100.0%	100.0% #A182CD	RGB 161 130 205	#A182CD

#6D5E6C #7C677D #886E8D #92759D #9A7AAD #9F7FBD #A182CD

#6D5E6C - #92759D - #A182CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E6C 0%, #92759D 50%, #A182CD 100%);
    background: -webkit-linear-gradient(top, #6D5E6C 0%, #92759D 50%, #A182CD 100%);
    background: linear-gradient(to bottom, #6D5E6C 0%, #92759D 50%, #A182CD 100%);
}
</style>