#201830 - #5E4484 | 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 #201830 to #5E4484

#201830 #5E4484

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

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

0.0%	0.0% #201830	RGB 32 24 48	#201830
16.7%	16.7% #2A1F3E	RGB 42 31 62	#2A1F3E
33.3%	33.3% #34264C	RGB 52 38 76	#34264C
50.0%	50.0% #3F2E5A	RGB 63 46 90	#3F2E5A
66.7%	66.7% #493568	RGB 73 53 104	#493568
83.3%	83.3% #533C76	RGB 83 60 118	#533C76
100.0%	100.0% #5E4484	RGB 94 68 132	#5E4484

#201830 #2A1F3E #34264C #3F2E5A #493568 #533C76 #5E4484

#201830 - #5E4484

HSV Blend

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

0.0%	0.0% #201830	RGB 32 24 48	#201830
16.7%	16.7% #291F3E	RGB 41 31 62	#291F3E
33.3%	33.3% #33264C	RGB 51 38 76	#33264C
50.0%	50.0% #3E2D5A	RGB 62 45 90	#3E2D5A
66.7%	66.7% #483568	RGB 72 53 104	#483568
83.3%	83.3% #533C76	RGB 83 60 118	#533C76
100.0%	100.0% #5E4484	RGB 94 68 132	#5E4484

#201830 #291F3E #33264C #3E2D5A #483568 #533C76 #5E4484

#201830 - #3E2D5A - #5E4484

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201830 0%, #3E2D5A 50%, #5E4484 100%);
    background: -webkit-linear-gradient(top, #201830 0%, #3E2D5A 50%, #5E4484 100%);
    background: linear-gradient(to bottom, #201830 0%, #3E2D5A 50%, #5E4484 100%);
}
</style>