#6E5E60 - #CD81BD | 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 #6E5E60 to #CD81BD

#6E5E60 #CD81BD

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

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

0.0%	0.0% #6E5E60	RGB 110 94 96	#6E5E60
16.7%	16.7% #7D636F	RGB 125 99 111	#7D636F
33.3%	33.3% #8D697F	RGB 141 105 127	#8D697F
50.0%	50.0% #9D6F8E	RGB 157 111 142	#9D6F8E
66.7%	66.7% #AD759E	RGB 173 117 158	#AD759E
83.3%	83.3% #BD7BAD	RGB 189 123 173	#BD7BAD
100.0%	100.0% #CD81BD	RGB 205 129 189	#CD81BD

#6E5E60 #7D636F #8D697F #9D6F8E #AD759E #BD7BAD #CD81BD

#6E5E60 - #CD81BD

HSV Blend

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

0.0%	0.0% #6E5E60	RGB 110 94 96	#6E5E60
16.7%	16.7% #7D666C	RGB 125 102 108	#7D666C
33.3%	33.3% #8D6E79	RGB 141 110 121	#8D6E79
50.0%	50.0% #9D7487	RGB 157 116 135	#9D7487
66.7%	66.7% #AD7A97	RGB 173 122 151	#AD7A97
83.3%	83.3% #BD7EA8	RGB 189 126 168	#BD7EA8
100.0%	100.0% #CD81BD	RGB 205 129 189	#CD81BD

#6E5E60 #7D666C #8D6E79 #9D7487 #AD7A97 #BD7EA8 #CD81BD

#6E5E60 - #9D7487 - #CD81BD

CSS codes

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

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