#40468C - #868DB4 | 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 #40468C to #868DB4

#40468C #868DB4

Calculate the color between two colors, #40468C and #868DB4. 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)

#40468C - #868DB4 | 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 #40468C as 0% and #868DB4 as 100%.

0.0%	0.0% #40468C	RGB 64 70 140	#40468C
16.7%	16.7% #4B5192	RGB 75 81 146	#4B5192
33.3%	33.3% #575D99	RGB 87 93 153	#575D99
50.0%	50.0% #6369A0	RGB 99 105 160	#6369A0
66.7%	66.7% #6E75A6	RGB 110 117 166	#6E75A6
83.3%	83.3% #7A81AD	RGB 122 129 173	#7A81AD
100.0%	100.0% #868DB4	RGB 134 141 180	#868DB4

#40468C #4B5192 #575D99 #6369A0 #6E75A6 #7A81AD #868DB4

#40468C - #868DB4

HSV Blend

#40468C - #868DB4 | 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 #40468C as 0% and #868DB4 as 100%.

0.0%	0.0% #40468C	RGB 64 70 140	#40468C
16.7%	16.7% #4A5092	RGB 74 80 146	#4A5092
33.3%	33.3% #545B99	RGB 84 91 153	#545B99
50.0%	50.0% #6067A0	RGB 96 103 160	#6067A0
66.7%	66.7% #6C73A6	RGB 108 115 166	#6C73A6
83.3%	83.3% #7880AD	RGB 120 128 173	#7880AD
100.0%	100.0% #868DB4	RGB 134 141 180	#868DB4

#40468C #4A5092 #545B99 #6067A0 #6C73A6 #7880AD #868DB4

#40468C - #6067A0 - #868DB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40468C 0%, #6067A0 50%, #868DB4 100%);
    background: -webkit-linear-gradient(top, #40468C 0%, #6067A0 50%, #868DB4 100%);
    background: linear-gradient(to bottom, #40468C 0%, #6067A0 50%, #868DB4 100%);
}
</style>