#40327B - #C8C4D9 | 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 #40327B to #C8C4D9

#40327B #C8C4D9

Calculate the color between two colors, #40327B and #C8C4D9. 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)

#40327B - #C8C4D9 | 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 #40327B as 0% and #C8C4D9 as 100%.

0.0%	0.0% #40327B	RGB 64 50 123	#40327B
16.7%	16.7% #564A8A	RGB 86 74 138	#564A8A
33.3%	33.3% #6D629A	RGB 109 98 154	#6D629A
50.0%	50.0% #847BAA	RGB 132 123 170	#847BAA
66.7%	66.7% #9A93B9	RGB 154 147 185	#9A93B9
83.3%	83.3% #B1ABC9	RGB 177 171 201	#B1ABC9
100.0%	100.0% #C8C4D9	RGB 200 196 217	#C8C4D9

#40327B #564A8A #6D629A #847BAA #9A93B9 #B1ABC9 #C8C4D9

#40327B - #C8C4D9

HSV Blend

#40327B - #C8C4D9 | 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 #40327B as 0% and #C8C4D9 as 100%.

0.0%	0.0% #40327B	RGB 64 50 123	#40327B
16.7%	16.7% #51438A	RGB 81 67 138	#51438A
33.3%	33.3% #64589A	RGB 100 88 154	#64589A
50.0%	50.0% #7A6FAA	RGB 122 111 170	#7A6FAA
66.7%	66.7% #9288B9	RGB 146 136 185	#9288B9
83.3%	83.3% #ACA5C9	RGB 172 165 201	#ACA5C9
100.0%	100.0% #C8C4D9	RGB 200 196 217	#C8C4D9

#40327B #51438A #64589A #7A6FAA #9288B9 #ACA5C9 #C8C4D9

#40327B - #7A6FAA - #C8C4D9

CSS codes

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

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