#8D9AC4 - #384B8C | 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 #8D9AC4 to #384B8C

#8D9AC4 #384B8C

Calculate the color between two colors, #8D9AC4 and #384B8C. 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)

#8D9AC4 - #384B8C | 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 #8D9AC4 as 0% and #384B8C as 100%.

0.0%	0.0% #8D9AC4	RGB 141 154 196	#8D9AC4
16.7%	16.7% #7E8CBA	RGB 126 140 186	#7E8CBA
33.3%	33.3% #707FB1	RGB 112 127 177	#707FB1
50.0%	50.0% #6272A8	RGB 98 114 168	#6272A8
66.7%	66.7% #54659E	RGB 84 101 158	#54659E
83.3%	83.3% #465895	RGB 70 88 149	#465895
100.0%	100.0% #384B8C	RGB 56 75 140	#384B8C

#8D9AC4 #7E8CBA #707FB1 #6272A8 #54659E #465895 #384B8C

#8D9AC4 - #384B8C

HSV Blend

#8D9AC4 - #384B8C | 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 #8D9AC4 as 0% and #384B8C as 100%.

0.0%	0.0% #8D9AC4	RGB 141 154 196	#8D9AC4
16.7%	16.7% #7C8ABA	RGB 124 138 186	#7C8ABA
33.3%	33.3% #6C7CB1	RGB 108 124 177	#6C7CB1
50.0%	50.0% #5E6FA8	RGB 94 111 168	#5E6FA8
66.7%	66.7% #50629E	RGB 80 98 158	#50629E
83.3%	83.3% #435695	RGB 67 86 149	#435695
100.0%	100.0% #384B8C	RGB 56 75 140	#384B8C

#8D9AC4 #7C8ABA #6C7CB1 #5E6FA8 #50629E #435695 #384B8C

#8D9AC4 - #5E6FA8 - #384B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9AC4 0%, #5E6FA8 50%, #384B8C 100%);
    background: -webkit-linear-gradient(top, #8D9AC4 0%, #5E6FA8 50%, #384B8C 100%);
    background: linear-gradient(to bottom, #8D9AC4 0%, #5E6FA8 50%, #384B8C 100%);
}
</style>