#7F5E6C - #DAD1D5 | 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 #7F5E6C to #DAD1D5

#7F5E6C #DAD1D5

Calculate the color between two colors, #7F5E6C and #DAD1D5. 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)

#7F5E6C - #DAD1D5 | 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 #7F5E6C as 0% and #DAD1D5 as 100%.

0.0%	0.0% #7F5E6C	RGB 127 94 108	#7F5E6C
16.7%	16.7% #8E717D	RGB 142 113 125	#8E717D
33.3%	33.3% #9D848F	RGB 157 132 143	#9D848F
50.0%	50.0% #AC97A0	RGB 172 151 160	#AC97A0
66.7%	66.7% #BBAAB2	RGB 187 170 178	#BBAAB2
83.3%	83.3% #CABDC3	RGB 202 189 195	#CABDC3
100.0%	100.0% #DAD1D5	RGB 218 209 213	#DAD1D5

#7F5E6C #8E717D #9D848F #AC97A0 #BBAAB2 #CABDC3 #DAD1D5

#7F5E6C - #DAD1D5

HSV Blend

#7F5E6C - #DAD1D5 | 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 #7F5E6C as 0% and #DAD1D5 as 100%.

0.0%	0.0% #7F5E6C	RGB 127 94 108	#7F5E6C
16.7%	16.7% #8E6E7B	RGB 142 110 123	#8E6E7B
33.3%	33.3% #9D7F8C	RGB 157 127 140	#9D7F8C
50.0%	50.0% #AC929D	RGB 172 146 157	#AC929D
66.7%	66.7% #BBA6AF	RGB 187 166 175	#BBA6AF
83.3%	83.3% #CABBC2	RGB 202 187 194	#CABBC2
100.0%	100.0% #DAD1D5	RGB 218 209 213	#DAD1D5

#7F5E6C #8E6E7B #9D7F8C #AC929D #BBA6AF #CABBC2 #DAD1D5

#7F5E6C - #AC929D - #DAD1D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F5E6C 0%, #AC929D 50%, #DAD1D5 100%);
    background: -webkit-linear-gradient(top, #7F5E6C 0%, #AC929D 50%, #DAD1D5 100%);
    background: linear-gradient(to bottom, #7F5E6C 0%, #AC929D 50%, #DAD1D5 100%);
}
</style>