#7E3E8F - #DAC7DF | 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 #7E3E8F to #DAC7DF

#7E3E8F #DAC7DF

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

#7E3E8F - #DAC7DF | 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 #7E3E8F as 0% and #DAC7DF as 100%.

0.0%	0.0% #7E3E8F	RGB 126 62 143	#7E3E8F
16.7%	16.7% #8D549C	RGB 141 84 156	#8D549C
33.3%	33.3% #9C6BA9	RGB 156 107 169	#9C6BA9
50.0%	50.0% #AC82B7	RGB 172 130 183	#AC82B7
66.7%	66.7% #BB99C4	RGB 187 153 196	#BB99C4
83.3%	83.3% #CAB0D1	RGB 202 176 209	#CAB0D1
100.0%	100.0% #DAC7DF	RGB 218 199 223	#DAC7DF

#7E3E8F #8D549C #9C6BA9 #AC82B7 #BB99C4 #CAB0D1 #DAC7DF

#7E3E8F - #DAC7DF

HSV Blend

#7E3E8F - #DAC7DF | 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 #7E3E8F as 0% and #DAC7DF as 100%.

0.0%	0.0% #7E3E8F	RGB 126 62 143	#7E3E8F
16.7%	16.7% #8C4F9C	RGB 140 79 156	#8C4F9C
33.3%	33.3% #9A63A9	RGB 154 99 169	#9A63A9
50.0%	50.0% #AA79B7	RGB 170 121 183	#AA79B7
66.7%	66.7% #B991C4	RGB 185 145 196	#B991C4
83.3%	83.3% #C9ABD1	RGB 201 171 209	#C9ABD1
100.0%	100.0% #DAC7DF	RGB 218 199 223	#DAC7DF

#7E3E8F #8C4F9C #9A63A9 #AA79B7 #B991C4 #C9ABD1 #DAC7DF

#7E3E8F - #AA79B7 - #DAC7DF

CSS codes

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

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