#9C92DA - #552B94 | 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 #9C92DA to #552B94

#9C92DA #552B94

Calculate the color between two colors, #9C92DA and #552B94. 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)

#9C92DA - #552B94 | 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 #9C92DA as 0% and #552B94 as 100%.

0.0%	0.0% #9C92DA	RGB 156 146 218	#9C92DA
16.7%	16.7% #9080CE	RGB 144 128 206	#9080CE
33.3%	33.3% #846FC2	RGB 132 111 194	#846FC2
50.0%	50.0% #785EB7	RGB 120 94 183	#785EB7
66.7%	66.7% #6C4DAB	RGB 108 77 171	#6C4DAB
83.3%	83.3% #603C9F	RGB 96 60 159	#603C9F
100.0%	100.0% #552B94	RGB 85 43 148	#552B94

#9C92DA #9080CE #846FC2 #785EB7 #6C4DAB #603C9F #552B94

#9C92DA - #552B94

HSV Blend

#9C92DA - #552B94 | 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 #9C92DA as 0% and #552B94 as 100%.

0.0%	0.0% #9C92DA	RGB 156 146 218	#9C92DA
16.7%	16.7% #8B7DCE	RGB 139 125 206	#8B7DCE
33.3%	33.3% #7D69C2	RGB 125 105 194	#7D69C2
50.0%	50.0% #7157B7	RGB 113 87 183	#7157B7
66.7%	66.7% #6647AB	RGB 102 71 171	#6647AB
83.3%	83.3% #5D389F	RGB 93 56 159	#5D389F
100.0%	100.0% #552B94	RGB 85 43 148	#552B94

#9C92DA #8B7DCE #7D69C2 #7157B7 #6647AB #5D389F #552B94

#9C92DA - #7157B7 - #552B94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C92DA 0%, #7157B7 50%, #552B94 100%);
    background: -webkit-linear-gradient(top, #9C92DA 0%, #7157B7 50%, #552B94 100%);
    background: linear-gradient(to bottom, #9C92DA 0%, #7157B7 50%, #552B94 100%);
}
</style>