#8C8DCD - #303F86 | 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 #8C8DCD to #303F86

#8C8DCD #303F86

Calculate the color between two colors, #8C8DCD and #303F86. 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)

#8C8DCD - #303F86 | 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 #8C8DCD as 0% and #303F86 as 100%.

0.0%	0.0% #8C8DCD	RGB 140 141 205	#8C8DCD
16.7%	16.7% #7C80C1	RGB 124 128 193	#7C80C1
33.3%	33.3% #6D73B5	RGB 109 115 181	#6D73B5
50.0%	50.0% #5E66A9	RGB 94 102 169	#5E66A9
66.7%	66.7% #4E599D	RGB 78 89 157	#4E599D
83.3%	83.3% #3F4C91	RGB 63 76 145	#3F4C91
100.0%	100.0% #303F86	RGB 48 63 134	#303F86

#8C8DCD #7C80C1 #6D73B5 #5E66A9 #4E599D #3F4C91 #303F86

#8C8DCD - #303F86

HSV Blend

#8C8DCD - #303F86 | 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 #8C8DCD as 0% and #303F86 as 100%.

0.0%	0.0% #8C8DCD	RGB 140 141 205	#8C8DCD
16.7%	16.7% #797CC1	RGB 121 124 193	#797CC1
33.3%	33.3% #686DB5	RGB 104 109 181	#686DB5
50.0%	50.0% #585FA9	RGB 88 95 169	#585FA9
66.7%	66.7% #49539D	RGB 73 83 157	#49539D
83.3%	83.3% #3C4891	RGB 60 72 145	#3C4891
100.0%	100.0% #303F86	RGB 48 63 134	#303F86

#8C8DCD #797CC1 #686DB5 #585FA9 #49539D #3C4891 #303F86

#8C8DCD - #585FA9 - #303F86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8DCD 0%, #585FA9 50%, #303F86 100%);
    background: -webkit-linear-gradient(top, #8C8DCD 0%, #585FA9 50%, #303F86 100%);
    background: linear-gradient(to bottom, #8C8DCD 0%, #585FA9 50%, #303F86 100%);
}
</style>