#7E3C5A - #DAC7D0 | 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 #7E3C5A to #DAC7D0

#7E3C5A #DAC7D0

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

#7E3C5A - #DAC7D0 | 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 #7E3C5A as 0% and #DAC7D0 as 100%.

0.0%	0.0% #7E3C5A	RGB 126 60 90	#7E3C5A
16.7%	16.7% #8D536D	RGB 141 83 109	#8D536D
33.3%	33.3% #9C6A81	RGB 156 106 129	#9C6A81
50.0%	50.0% #AC8195	RGB 172 129 149	#AC8195
66.7%	66.7% #BB98A8	RGB 187 152 168	#BB98A8
83.3%	83.3% #CAAFBC	RGB 202 175 188	#CAAFBC
100.0%	100.0% #DAC7D0	RGB 218 199 208	#DAC7D0

#7E3C5A #8D536D #9C6A81 #AC8195 #BB98A8 #CAAFBC #DAC7D0

#7E3C5A - #DAC7D0

HSV Blend

#7E3C5A - #DAC7D0 | 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 #7E3C5A as 0% and #DAC7D0 as 100%.

0.0%	0.0% #7E3C5A	RGB 126 60 90	#7E3C5A
16.7%	16.7% #8D4D6A	RGB 141 77 106	#8D4D6A
33.3%	33.3% #9C617C	RGB 156 97 124	#9C617C
50.0%	50.0% #AC778F	RGB 172 119 143	#AC778F
66.7%	66.7% #BB8FA4	RGB 187 143 164	#BB8FA4
83.3%	83.3% #CAAAB9	RGB 202 170 185	#CAAAB9
100.0%	100.0% #DAC7D0	RGB 218 199 208	#DAC7D0

#7E3C5A #8D4D6A #9C617C #AC778F #BB8FA4 #CAAAB9 #DAC7D0

#7E3C5A - #AC778F - #DAC7D0

CSS codes

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

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