#8D5E8C - #96B1C8 | 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 #8D5E8C to #96B1C8

#8D5E8C #96B1C8

Calculate the color between two colors, #8D5E8C and #96B1C8. 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)

#8D5E8C - #96B1C8 | 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 #8D5E8C as 0% and #96B1C8 as 100%.

0.0%	0.0% #8D5E8C	RGB 141 94 140	#8D5E8C
16.7%	16.7% #8E6B96	RGB 142 107 150	#8E6B96
33.3%	33.3% #9079A0	RGB 144 121 160	#9079A0
50.0%	50.0% #9187AA	RGB 145 135 170	#9187AA
66.7%	66.7% #9395B4	RGB 147 149 180	#9395B4
83.3%	83.3% #94A3BE	RGB 148 163 190	#94A3BE
100.0%	100.0% #96B1C8	RGB 150 177 200	#96B1C8

#8D5E8C #8E6B96 #9079A0 #9187AA #9395B4 #94A3BE #96B1C8

#8D5E8C - #96B1C8

HSV Blend

#8D5E8C - #96B1C8 | 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 #8D5E8C as 0% and #96B1C8 as 100%.

0.0%	0.0% #8D5E8C	RGB 141 94 140	#8D5E8C
16.7%	16.7% #8B6696	RGB 139 102 150	#8B6696
33.3%	33.3% #886FA0	RGB 136 111 160	#886FA0
50.0%	50.0% #8478AA	RGB 132 120 170	#8478AA
66.7%	66.7% #8283B4	RGB 130 131 180	#8283B4
83.3%	83.3% #8B9ABE	RGB 139 154 190	#8B9ABE
100.0%	100.0% #96B1C8	RGB 150 177 200	#96B1C8

#8D5E8C #8B6696 #886FA0 #8478AA #8283B4 #8B9ABE #96B1C8

#8D5E8C - #8478AA - #96B1C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E8C 0%, #8478AA 50%, #96B1C8 100%);
    background: -webkit-linear-gradient(top, #8D5E8C 0%, #8478AA 50%, #96B1C8 100%);
    background: linear-gradient(to bottom, #8D5E8C 0%, #8478AA 50%, #96B1C8 100%);
}
</style>