#8D5E9F - #98C3D6 | 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 #8D5E9F to #98C3D6

#8D5E9F #98C3D6

Calculate the color between two colors, #8D5E9F and #98C3D6. 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)

#8D5E9F - #98C3D6 | 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 #8D5E9F as 0% and #98C3D6 as 100%.

0.0%	0.0% #8D5E9F	RGB 141 94 159	#8D5E9F
16.7%	16.7% #8E6EA8	RGB 142 110 168	#8E6EA8
33.3%	33.3% #907FB1	RGB 144 127 177	#907FB1
50.0%	50.0% #9290BA	RGB 146 144 186	#9290BA
66.7%	66.7% #94A1C3	RGB 148 161 195	#94A1C3
83.3%	83.3% #96B2CC	RGB 150 178 204	#96B2CC
100.0%	100.0% #98C3D6	RGB 152 195 214	#98C3D6

#8D5E9F #8E6EA8 #907FB1 #9290BA #94A1C3 #96B2CC #98C3D6

#8D5E9F - #98C3D6

HSV Blend

#8D5E9F - #98C3D6 | 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 #8D5E9F as 0% and #98C3D6 as 100%.

0.0%	0.0% #8C5E9F	RGB 140 94 159	#8C5E9F
16.7%	16.7% #8666A8	RGB 134 102 168	#8666A8
33.3%	33.3% #806FB1	RGB 128 111 177	#806FB1
50.0%	50.0% #7A79BA	RGB 122 121 186	#7A79BA
66.7%	66.7% #8391C3	RGB 131 145 195	#8391C3
83.3%	83.3% #8DAACC	RGB 141 170 204	#8DAACC
100.0%	100.0% #98C3D6	RGB 152 195 214	#98C3D6

#8C5E9F #8666A8 #806FB1 #7A79BA #8391C3 #8DAACC #98C3D6

#8D5E9F - #7A79BA - #98C3D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E9F 0%, #7A79BA 50%, #98C3D6 100%);
    background: -webkit-linear-gradient(top, #8C5E9F 0%, #7A79BA 50%, #98C3D6 100%);
    background: linear-gradient(to bottom, #8C5E9F 0%, #7A79BA 50%, #98C3D6 100%);
}
</style>