#603B9F - #D1C7E3 | 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 #603B9F to #D1C7E3

#603B9F #D1C7E3

Calculate the color between two colors, #603B9F and #D1C7E3. 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)

#603B9F - #D1C7E3 | 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 #603B9F as 0% and #D1C7E3 as 100%.

0.0%	0.0% #603B9F	RGB 96 59 159	#603B9F
16.7%	16.7% #7252AA	RGB 114 82 170	#7252AA
33.3%	33.3% #8569B5	RGB 133 105 181	#8569B5
50.0%	50.0% #9881C1	RGB 152 129 193	#9881C1
66.7%	66.7% #AB98CC	RGB 171 152 204	#AB98CC
83.3%	83.3% #BEAFD7	RGB 190 175 215	#BEAFD7
100.0%	100.0% #D1C7E3	RGB 209 199 227	#D1C7E3

#603B9F #7252AA #8569B5 #9881C1 #AB98CC #BEAFD7 #D1C7E3

#603B9F - #D1C7E3

HSV Blend

#603B9F - #D1C7E3 | 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 #603B9F as 0% and #D1C7E3 as 100%.

0.0%	0.0% #603B9F	RGB 96 59 159	#603B9F
16.7%	16.7% #6F4DAA	RGB 111 77 170	#6F4DAA
33.3%	33.3% #8062B5	RGB 128 98 181	#8062B5
50.0%	50.0% #9278C1	RGB 146 120 193	#9278C1
66.7%	66.7% #A690CC	RGB 166 144 204	#A690CC
83.3%	83.3% #BAAAD7	RGB 186 170 215	#BAAAD7
100.0%	100.0% #D1C7E3	RGB 209 199 227	#D1C7E3

#603B9F #6F4DAA #8062B5 #9278C1 #A690CC #BAAAD7 #D1C7E3

#603B9F - #9278C1 - #D1C7E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #603B9F 0%, #9278C1 50%, #D1C7E3 100%);
    background: -webkit-linear-gradient(top, #603B9F 0%, #9278C1 50%, #D1C7E3 100%);
    background: linear-gradient(to bottom, #603B9F 0%, #9278C1 50%, #D1C7E3 100%);
}
</style>