#7E3E8C - #DAC7DE | 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 #7E3E8C to #DAC7DE

#7E3E8C #DAC7DE

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

#7E3E8C - #DAC7DE | 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 #7E3E8C as 0% and #DAC7DE as 100%.

0.0%	0.0% #7E3E8C	RGB 126 62 140	#7E3E8C
16.7%	16.7% #8D5499	RGB 141 84 153	#8D5499
33.3%	33.3% #9C6BA7	RGB 156 107 167	#9C6BA7
50.0%	50.0% #AC82B5	RGB 172 130 181	#AC82B5
66.7%	66.7% #BB99C2	RGB 187 153 194	#BB99C2
83.3%	83.3% #CAB0D0	RGB 202 176 208	#CAB0D0
100.0%	100.0% #DAC7DE	RGB 218 199 222	#DAC7DE

#7E3E8C #8D5499 #9C6BA7 #AC82B5 #BB99C2 #CAB0D0 #DAC7DE

#7E3E8C - #DAC7DE

HSV Blend

#7E3E8C - #DAC7DE | 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 #7E3E8C as 0% and #DAC7DE as 100%.

0.0%	0.0% #7E3E8C	RGB 126 62 140	#7E3E8C
16.7%	16.7% #8C4F99	RGB 140 79 153	#8C4F99
33.3%	33.3% #9B63A7	RGB 155 99 167	#9B63A7
50.0%	50.0% #AA79B5	RGB 170 121 181	#AA79B5
66.7%	66.7% #B991C2	RGB 185 145 194	#B991C2
83.3%	83.3% #C9ABD0	RGB 201 171 208	#C9ABD0
100.0%	100.0% #DAC7DE	RGB 218 199 222	#DAC7DE

#7E3E8C #8C4F99 #9B63A7 #AA79B5 #B991C2 #C9ABD0 #DAC7DE

#7E3E8C - #AA79B5 - #DAC7DE

CSS codes

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

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