#40239F - #C8C0E3 | 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 #40239F to #C8C0E3

#40239F #C8C0E3

Calculate the color between two colors, #40239F and #C8C0E3. 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)

#40239F - #C8C0E3 | 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 #40239F as 0% and #C8C0E3 as 100%.

0.0%	0.0% #40239F	RGB 64 35 159	#40239F
16.7%	16.7% #563DAA	RGB 86 61 170	#563DAA
33.3%	33.3% #6D57B5	RGB 109 87 181	#6D57B5
50.0%	50.0% #8471C1	RGB 132 113 193	#8471C1
66.7%	66.7% #9A8BCC	RGB 154 139 204	#9A8BCC
83.3%	83.3% #B1A5D7	RGB 177 165 215	#B1A5D7
100.0%	100.0% #C8C0E3	RGB 200 192 227	#C8C0E3

#40239F #563DAA #6D57B5 #8471C1 #9A8BCC #B1A5D7 #C8C0E3

#40239F - #C8C0E3

HSV Blend

#40239F - #C8C0E3 | 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 #40239F as 0% and #C8C0E3 as 100%.

0.0%	0.0% #3F239F	RGB 63 35 159	#3F239F
16.7%	16.7% #5237AA	RGB 82 55 170	#5237AA
33.3%	33.3% #654DB5	RGB 101 77 181	#654DB5
50.0%	50.0% #7B66C1	RGB 123 102 193	#7B66C1
66.7%	66.7% #9382CC	RGB 147 130 204	#9382CC
83.3%	83.3% #AC9FD7	RGB 172 159 215	#AC9FD7
100.0%	100.0% #C8C0E3	RGB 200 192 227	#C8C0E3

#3F239F #5237AA #654DB5 #7B66C1 #9382CC #AC9FD7 #C8C0E3

#40239F - #7B66C1 - #C8C0E3

CSS codes

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

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