#982D9F - #E1C3E3 | 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 #982D9F to #E1C3E3

#982D9F #E1C3E3

Calculate the color between two colors, #982D9F and #E1C3E3. 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)

#982D9F - #E1C3E3 | 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 #982D9F as 0% and #E1C3E3 as 100%.

0.0%	0.0% #982D9F	RGB 152 45 159	#982D9F
16.7%	16.7% #A446AA	RGB 164 70 170	#A446AA
33.3%	33.3% #B05FB5	RGB 176 95 181	#B05FB5
50.0%	50.0% #BC78C1	RGB 188 120 193	#BC78C1
66.7%	66.7% #C891CC	RGB 200 145 204	#C891CC
83.3%	83.3% #D4AAD7	RGB 212 170 215	#D4AAD7
100.0%	100.0% #E1C3E3	RGB 225 195 227	#E1C3E3

#982D9F #A446AA #B05FB5 #BC78C1 #C891CC #D4AAD7 #E1C3E3

#982D9F - #E1C3E3

HSV Blend

#982D9F - #E1C3E3 | 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 #982D9F as 0% and #E1C3E3 as 100%.

0.0%	0.0% #982D9F	RGB 152 45 159	#982D9F
16.7%	16.7% #A340AA	RGB 163 64 170	#A340AA
33.3%	33.3% #AF56B5	RGB 175 86 181	#AF56B5
50.0%	50.0% #BB6EC1	RGB 187 110 193	#BB6EC1
66.7%	66.7% #C888CC	RGB 200 136 204	#C888CC
83.3%	83.3% #D4A4D7	RGB 212 164 215	#D4A4D7
100.0%	100.0% #E1C3E3	RGB 225 195 227	#E1C3E3

#982D9F #A340AA #AF56B5 #BB6EC1 #C888CC #D4A4D7 #E1C3E3

#982D9F - #BB6EC1 - #E1C3E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #982D9F 0%, #BB6EC1 50%, #E1C3E3 100%);
    background: -webkit-linear-gradient(top, #982D9F 0%, #BB6EC1 50%, #E1C3E3 100%);
    background: linear-gradient(to bottom, #982D9F 0%, #BB6EC1 50%, #E1C3E3 100%);
}
</style>