#585C92 - #201D52 | 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 #585C92 to #201D52

#585C92 #201D52

Calculate the color between two colors, #585C92 and #201D52. 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)

#585C92 - #201D52 | 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 #585C92 as 0% and #201D52 as 100%.

0.0%	0.0% #585C92	RGB 88 92 146	#585C92
16.7%	16.7% #4E5187	RGB 78 81 135	#4E5187
33.3%	33.3% #45477C	RGB 69 71 124	#45477C
50.0%	50.0% #3C3C72	RGB 60 60 114	#3C3C72
66.7%	66.7% #323267	RGB 50 50 103	#323267
83.3%	83.3% #29275C	RGB 41 39 92	#29275C
100.0%	100.0% #201D52	RGB 32 29 82	#201D52

#585C92 #4E5187 #45477C #3C3C72 #323267 #29275C #201D52

#585C92 - #201D52

HSV Blend

#585C92 - #201D52 | 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 #585C92 as 0% and #201D52 as 100%.

0.0%	0.0% #585C92	RGB 88 92 146	#585C92
16.7%	16.7% #4B4E87	RGB 75 78 135	#4B4E87
33.3%	33.3% #40427C	RGB 64 66 124	#40427C
50.0%	50.0% #363672	RGB 54 54 114	#363672
66.7%	66.7% #2D2D67	RGB 45 45 103	#2D2D67
83.3%	83.3% #26245C	RGB 38 36 92	#26245C
100.0%	100.0% #201D52	RGB 32 29 82	#201D52

#585C92 #4B4E87 #40427C #363672 #2D2D67 #26245C #201D52

#585C92 - #363672 - #201D52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585C92 0%, #363672 50%, #201D52 100%);
    background: -webkit-linear-gradient(top, #585C92 0%, #363672 50%, #201D52 100%);
    background: linear-gradient(to bottom, #585C92 0%, #363672 50%, #201D52 100%);
}
</style>