#8C9FD6 - #3C51B2 | 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 #8C9FD6 to #3C51B2

#8C9FD6 #3C51B2

Calculate the color between two colors, #8C9FD6 and #3C51B2. 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)

#8C9FD6 - #3C51B2 | 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 #8C9FD6 as 0% and #3C51B2 as 100%.

0.0%	0.0% #8C9FD6	RGB 140 159 214	#8C9FD6
16.7%	16.7% #7E92D0	RGB 126 146 208	#7E92D0
33.3%	33.3% #7185CA	RGB 113 133 202	#7185CA
50.0%	50.0% #6478C4	RGB 100 120 196	#6478C4
66.7%	66.7% #566BBE	RGB 86 107 190	#566BBE
83.3%	83.3% #495EB8	RGB 73 94 184	#495EB8
100.0%	100.0% #3C51B2	RGB 60 81 178	#3C51B2

#8C9FD6 #7E92D0 #7185CA #6478C4 #566BBE #495EB8 #3C51B2

#8C9FD6 - #3C51B2

HSV Blend

#8C9FD6 - #3C51B2 | 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 #8C9FD6 as 0% and #3C51B2 as 100%.

0.0%	0.0% #8C9FD6	RGB 140 159 214	#8C9FD6
16.7%	16.7% #7D91D0	RGB 125 145 208	#7D91D0
33.3%	33.3% #6E83CA	RGB 110 131 202	#6E83CA
50.0%	50.0% #6176C4	RGB 97 118 196	#6176C4
66.7%	66.7% #5469BE	RGB 84 105 190	#5469BE
83.3%	83.3% #475DB8	RGB 71 93 184	#475DB8
100.0%	100.0% #3C51B2	RGB 60 81 178	#3C51B2

#8C9FD6 #7D91D0 #6E83CA #6176C4 #5469BE #475DB8 #3C51B2

#8C9FD6 - #6176C4 - #3C51B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9FD6 0%, #6176C4 50%, #3C51B2 100%);
    background: -webkit-linear-gradient(top, #8C9FD6 0%, #6176C4 50%, #3C51B2 100%);
    background: linear-gradient(to bottom, #8C9FD6 0%, #6176C4 50%, #3C51B2 100%);
}
</style>