#EE9FEE - #442D43 | 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 #EE9FEE to #442D43

#EE9FEE #442D43

Calculate the color between two colors, #EE9FEE and #442D43. 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)

#EE9FEE - #442D43 | 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 #EE9FEE as 0% and #442D43 as 100%.

0.0%	0.0% #EE9FEE	RGB 238 159 238	#EE9FEE
16.7%	16.7% #D18CD1	RGB 209 140 209	#D18CD1
33.3%	33.3% #B579B5	RGB 181 121 181	#B579B5
50.0%	50.0% #996698	RGB 153 102 152	#996698
66.7%	66.7% #7C537C	RGB 124 83 124	#7C537C
83.3%	83.3% #60405F	RGB 96 64 95	#60405F
100.0%	100.0% #442D43	RGB 68 45 67	#442D43

#EE9FEE #D18CD1 #B579B5 #996698 #7C537C #60405F #442D43

#EE9FEE - #442D43

HSV Blend

#EE9FEE - #442D43 | 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 #EE9FEE as 0% and #442D43 as 100%.

0.0%	0.0% #EE9FEE	RGB 238 159 238	#EE9FEE
16.7%	16.7% #D18BD1	RGB 209 139 209	#D18BD1
33.3%	33.3% #B578B4	RGB 181 120 180	#B578B4
50.0%	50.0% #996597	RGB 153 101 151	#996597
66.7%	66.7% #7C527B	RGB 124 82 123	#7C527B
83.3%	83.3% #603F5F	RGB 96 63 95	#603F5F
100.0%	100.0% #442D43	RGB 68 45 67	#442D43

#EE9FEE #D18BD1 #B578B4 #996597 #7C527B #603F5F #442D43

#EE9FEE - #996597 - #442D43

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EE9FEE 0%, #996597 50%, #442D43 100%);
    background: -webkit-linear-gradient(top, #EE9FEE 0%, #996597 50%, #442D43 100%);
    background: linear-gradient(to bottom, #EE9FEE 0%, #996597 50%, #442D43 100%);
}
</style>