#8D9BCB - #3C4689 | 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 #8D9BCB to #3C4689

#8D9BCB #3C4689

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

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

0.0%	0.0% #8D9BCB	RGB 141 155 203	#8D9BCB
16.7%	16.7% #7F8CC0	RGB 127 140 192	#7F8CC0
33.3%	33.3% #727EB5	RGB 114 126 181	#727EB5
50.0%	50.0% #6470AA	RGB 100 112 170	#6470AA
66.7%	66.7% #57629F	RGB 87 98 159	#57629F
83.3%	83.3% #495494	RGB 73 84 148	#495494
100.0%	100.0% #3C4689	RGB 60 70 137	#3C4689

#8D9BCB #7F8CC0 #727EB5 #6470AA #57629F #495494 #3C4689

#8D9BCB - #3C4689

HSV Blend

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

0.0%	0.0% #8D9BCB	RGB 141 155 203	#8D9BCB
16.7%	16.7% #7D8BC0	RGB 125 139 192	#7D8BC0
33.3%	33.3% #6E7BB5	RGB 110 123 181	#6E7BB5
50.0%	50.0% #606DAA	RGB 96 109 170	#606DAA
66.7%	66.7% #535F9F	RGB 83 95 159	#535F9F
83.3%	83.3% #475294	RGB 71 82 148	#475294
100.0%	100.0% #3C4689	RGB 60 70 137	#3C4689

#8D9BCB #7D8BC0 #6E7BB5 #606DAA #535F9F #475294 #3C4689

#8D9BCB - #606DAA - #3C4689

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9BCB 0%, #606DAA 50%, #3C4689 100%);
    background: -webkit-linear-gradient(top, #8D9BCB 0%, #606DAA 50%, #3C4689 100%);
    background: linear-gradient(to bottom, #8D9BCB 0%, #606DAA 50%, #3C4689 100%);
}
</style>