#211039 - #524781 | 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 #211039 to #524781

#211039 #524781

Calculate the color between two colors, #211039 and #524781. 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)

#211039 - #524781 | 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 #211039 as 0% and #524781 as 100%.

0.0%	0.0% #211039	RGB 33 16 57	#211039
16.7%	16.7% #291945	RGB 41 25 69	#291945
33.3%	33.3% #312251	RGB 49 34 81	#312251
50.0%	50.0% #392B5D	RGB 57 43 93	#392B5D
66.7%	66.7% #413469	RGB 65 52 105	#413469
83.3%	83.3% #493D75	RGB 73 61 117	#493D75
100.0%	100.0% #524781	RGB 82 71 129	#524781

#211039 #291945 #312251 #392B5D #413469 #493D75 #524781

#211039 - #524781

HSV Blend

#211039 - #524781 | 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 #211039 as 0% and #524781 as 100%.

0.0%	0.0% #211039	RGB 33 16 57	#211039
16.7%	16.7% #281645	RGB 40 22 69	#281645
33.3%	33.3% #2F1E51	RGB 47 30 81	#2F1E51
50.0%	50.0% #37265D	RGB 55 38 93	#37265D
66.7%	66.7% #3F3069	RGB 63 48 105	#3F3069
83.3%	83.3% #483B75	RGB 72 59 117	#483B75
100.0%	100.0% #524781	RGB 82 71 129	#524781

#211039 #281645 #2F1E51 #37265D #3F3069 #483B75 #524781

#211039 - #37265D - #524781

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #211039 0%, #37265D 50%, #524781 100%);
    background: -webkit-linear-gradient(top, #211039 0%, #37265D 50%, #524781 100%);
    background: linear-gradient(to bottom, #211039 0%, #37265D 50%, #524781 100%);
}
</style>