#7E2B73 - #DAC2D7 | 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 #7E2B73 to #DAC2D7

#7E2B73 #DAC2D7

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

#7E2B73 - #DAC2D7 | 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 #7E2B73 as 0% and #DAC2D7 as 100%.

0.0%	0.0% #7E2B73	RGB 126 43 115	#7E2B73
16.7%	16.7% #8D4483	RGB 141 68 131	#8D4483
33.3%	33.3% #9C5D94	RGB 156 93 148	#9C5D94
50.0%	50.0% #AC76A5	RGB 172 118 165	#AC76A5
66.7%	66.7% #BB8FB5	RGB 187 143 181	#BB8FB5
83.3%	83.3% #CAA8C6	RGB 202 168 198	#CAA8C6
100.0%	100.0% #DAC2D7	RGB 218 194 215	#DAC2D7

#7E2B73 #8D4483 #9C5D94 #AC76A5 #BB8FB5 #CAA8C6 #DAC2D7

#7E2B73 - #DAC2D7

HSV Blend

#7E2B73 - #DAC2D7 | 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 #7E2B73 as 0% and #DAC2D7 as 100%.

0.0%	0.0% #7E2B73	RGB 126 43 115	#7E2B73
16.7%	16.7% #8D3D82	RGB 141 61 130	#8D3D82
33.3%	33.3% #9C5292	RGB 156 82 146	#9C5292
50.0%	50.0% #AC69A3	RGB 172 105 163	#AC69A3
66.7%	66.7% #BB84B4	RGB 187 132 180	#BB84B4
83.3%	83.3% #CAA1C5	RGB 202 161 197	#CAA1C5
100.0%	100.0% #DAC2D7	RGB 218 194 215	#DAC2D7

#7E2B73 #8D3D82 #9C5292 #AC69A3 #BB84B4 #CAA1C5 #DAC2D7

#7E2B73 - #AC69A3 - #DAC2D7

CSS codes

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

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