#7D5E7E - #DAD1DA | 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 #7D5E7E to #DAD1DA

#7D5E7E #DAD1DA

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

#7D5E7E - #DAD1DA | 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 #7D5E7E as 0% and #DAD1DA as 100%.

0.0%	0.0% #7D5E7E	RGB 125 94 126	#7D5E7E
16.7%	16.7% #8C718D	RGB 140 113 141	#8C718D
33.3%	33.3% #9C849C	RGB 156 132 156	#9C849C
50.0%	50.0% #AB97AC	RGB 171 151 172	#AB97AC
66.7%	66.7% #BBAABB	RGB 187 170 187	#BBAABB
83.3%	83.3% #CABDCA	RGB 202 189 202	#CABDCA
100.0%	100.0% #DAD1DA	RGB 218 209 218	#DAD1DA

#7D5E7E #8C718D #9C849C #AB97AC #BBAABB #CABDCA #DAD1DA

#7D5E7E - #DAD1DA

HSV Blend

#7D5E7E - #DAD1DA | 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 #7D5E7E as 0% and #DAD1DA as 100%.

0.0%	0.0% #7D5E7E	RGB 125 94 126	#7D5E7E
16.7%	16.7% #8C6E8D	RGB 140 110 141	#8C6E8D
33.3%	33.3% #9C7F9C	RGB 156 127 156	#9C7F9C
50.0%	50.0% #AB92AC	RGB 171 146 172	#AB92AC
66.7%	66.7% #BBA6BB	RGB 187 166 187	#BBA6BB
83.3%	83.3% #CABBCA	RGB 202 187 202	#CABBCA
100.0%	100.0% #DAD1DA	RGB 218 209 218	#DAD1DA

#7D5E7E #8C6E8D #9C7F9C #AB92AC #BBA6BB #CABBCA #DAD1DA

#7D5E7E - #AB92AC - #DAD1DA

CSS codes

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

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