#8978A8 - #362B5A | 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 #8978A8 to #362B5A

#8978A8 #362B5A

Calculate the color between two colors, #8978A8 and #362B5A. 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)

#8978A8 - #362B5A | 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 #8978A8 as 0% and #362B5A as 100%.

0.0%	0.0% #8978A8	RGB 137 120 168	#8978A8
16.7%	16.7% #7B6B9B	RGB 123 107 155	#7B6B9B
33.3%	33.3% #6D5E8E	RGB 109 94 142	#6D5E8E
50.0%	50.0% #5F5181	RGB 95 81 129	#5F5181
66.7%	66.7% #514474	RGB 81 68 116	#514474
83.3%	83.3% #433767	RGB 67 55 103	#433767
100.0%	100.0% #362B5A	RGB 54 43 90	#362B5A

#8978A8 #7B6B9B #6D5E8E #5F5181 #514474 #433767 #362B5A

#8978A8 - #362B5A

HSV Blend

#8978A8 - #362B5A | 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 #8978A8 as 0% and #362B5A as 100%.

0.0%	0.0% #8878A8	RGB 136 120 168	#8878A8
16.7%	16.7% #79689B	RGB 121 104 155	#79689B
33.3%	33.3% #6A5A8E	RGB 106 90 142	#6A5A8E
50.0%	50.0% #5C4C81	RGB 92 76 129	#5C4C81
66.7%	66.7% #4E4074	RGB 78 64 116	#4E4074
83.3%	83.3% #413567	RGB 65 53 103	#413567
100.0%	100.0% #362B5A	RGB 54 43 90	#362B5A

#8878A8 #79689B #6A5A8E #5C4C81 #4E4074 #413567 #362B5A

#8978A8 - #5C4C81 - #362B5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8878A8 0%, #5C4C81 50%, #362B5A 100%);
    background: -webkit-linear-gradient(top, #8878A8 0%, #5C4C81 50%, #362B5A 100%);
    background: linear-gradient(to bottom, #8878A8 0%, #5C4C81 50%, #362B5A 100%);
}
</style>