#5D5C92 - #D0D0DF | 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 #5D5C92 to #D0D0DF

#5D5C92 #D0D0DF

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

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

0.0%	0.0% #5D5C92	RGB 93 92 146	#5D5C92
16.7%	16.7% #706F9E	RGB 112 111 158	#706F9E
33.3%	33.3% #8382AB	RGB 131 130 171	#8382AB
50.0%	50.0% #9696B8	RGB 150 150 184	#9696B8
66.7%	66.7% #A9A9C5	RGB 169 169 197	#A9A9C5
83.3%	83.3% #BCBCD2	RGB 188 188 210	#BCBCD2
100.0%	100.0% #D0D0DF	RGB 208 208 223	#D0D0DF

#5D5C92 #706F9E #8382AB #9696B8 #A9A9C5 #BCBCD2 #D0D0DF

#5D5C92 - #D0D0DF

HSV Blend

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

0.0%	0.0% #5C5C92	RGB 92 92 146	#5C5C92
16.7%	16.7% #6C6C9E	RGB 108 108 158	#6C6C9E
33.3%	33.3% #7E7DAB	RGB 126 125 171	#7E7DAB
50.0%	50.0% #9090B8	RGB 144 144 184	#9090B8
66.7%	66.7% #A4A4C5	RGB 164 164 197	#A4A4C5
83.3%	83.3% #B9B9D2	RGB 185 185 210	#B9B9D2
100.0%	100.0% #D0D0DF	RGB 208 208 223	#D0D0DF

#5C5C92 #6C6C9E #7E7DAB #9090B8 #A4A4C5 #B9B9D2 #D0D0DF

#5D5C92 - #9090B8 - #D0D0DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5C92 0%, #9090B8 50%, #D0D0DF 100%);
    background: -webkit-linear-gradient(top, #5C5C92 0%, #9090B8 50%, #D0D0DF 100%);
    background: linear-gradient(to bottom, #5C5C92 0%, #9090B8 50%, #D0D0DF 100%);
}
</style>