#5A3C92 - #CFC7DF | 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 #5A3C92 to #CFC7DF

#5A3C92 #CFC7DF

Calculate the color between two colors, #5A3C92 and #CFC7DF. 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)

#5A3C92 - #CFC7DF | 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 #5A3C92 as 0% and #CFC7DF as 100%.

0.0%	0.0% #5A3C92	RGB 90 60 146	#5A3C92
16.7%	16.7% #6D539E	RGB 109 83 158	#6D539E
33.3%	33.3% #816AAB	RGB 129 106 171	#816AAB
50.0%	50.0% #9481B8	RGB 148 129 184	#9481B8
66.7%	66.7% #A898C5	RGB 168 152 197	#A898C5
83.3%	83.3% #BBAFD2	RGB 187 175 210	#BBAFD2
100.0%	100.0% #CFC7DF	RGB 207 199 223	#CFC7DF

#5A3C92 #6D539E #816AAB #9481B8 #A898C5 #BBAFD2 #CFC7DF

#5A3C92 - #CFC7DF

HSV Blend

#5A3C92 - #CFC7DF | 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 #5A3C92 as 0% and #CFC7DF as 100%.

0.0%	0.0% #593C92	RGB 89 60 146	#593C92
16.7%	16.7% #6A4E9E	RGB 106 78 158	#6A4E9E
33.3%	33.3% #7B62AB	RGB 123 98 171	#7B62AB
50.0%	50.0% #8E78B8	RGB 142 120 184	#8E78B8
66.7%	66.7% #A290C5	RGB 162 144 197	#A290C5
83.3%	83.3% #B7AAD2	RGB 183 170 210	#B7AAD2
100.0%	100.0% #CFC7DF	RGB 207 199 223	#CFC7DF

#593C92 #6A4E9E #7B62AB #8E78B8 #A290C5 #B7AAD2 #CFC7DF

#5A3C92 - #8E78B8 - #CFC7DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #593C92 0%, #8E78B8 50%, #CFC7DF 100%);
    background: -webkit-linear-gradient(top, #593C92 0%, #8E78B8 50%, #CFC7DF 100%);
    background: linear-gradient(to bottom, #593C92 0%, #8E78B8 50%, #CFC7DF 100%);
}
</style>