#9F90D6 - #562A8F | 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 #9F90D6 to #562A8F

#9F90D6 #562A8F

Calculate the color between two colors, #9F90D6 and #562A8F. 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)

#9F90D6 - #562A8F | 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 #9F90D6 as 0% and #562A8F as 100%.

0.0%	0.0% #9F90D6	RGB 159 144 214	#9F90D6
16.7%	16.7% #927FCA	RGB 146 127 202	#927FCA
33.3%	33.3% #866EBE	RGB 134 110 190	#866EBE
50.0%	50.0% #7A5DB2	RGB 122 93 178	#7A5DB2
66.7%	66.7% #6E4CA6	RGB 110 76 166	#6E4CA6
83.3%	83.3% #623B9A	RGB 98 59 154	#623B9A
100.0%	100.0% #562A8F	RGB 86 42 143	#562A8F

#9F90D6 #927FCA #866EBE #7A5DB2 #6E4CA6 #623B9A #562A8F

#9F90D6 - #562A8F

HSV Blend

#9F90D6 - #562A8F | 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 #9F90D6 as 0% and #562A8F as 100%.

0.0%	0.0% #9F90D6	RGB 159 144 214	#9F90D6
16.7%	16.7% #8F7BCA	RGB 143 123 202	#8F7BCA
33.3%	33.3% #8068BE	RGB 128 104 190	#8068BE
50.0%	50.0% #7456B2	RGB 116 86 178	#7456B2
66.7%	66.7% #6846A6	RGB 104 70 166	#6846A6
83.3%	83.3% #5E379A	RGB 94 55 154	#5E379A
100.0%	100.0% #562A8F	RGB 86 42 143	#562A8F

#9F90D6 #8F7BCA #8068BE #7456B2 #6846A6 #5E379A #562A8F

#9F90D6 - #7456B2 - #562A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F90D6 0%, #7456B2 50%, #562A8F 100%);
    background: -webkit-linear-gradient(top, #9F90D6 0%, #7456B2 50%, #562A8F 100%);
    background: linear-gradient(to bottom, #9F90D6 0%, #7456B2 50%, #562A8F 100%);
}
</style>