#574A8C - #29134F | 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 #574A8C to #29134F

#574A8C #29134F

Calculate the color between two colors, #574A8C and #29134F. 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)

#574A8C - #29134F | 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 #574A8C as 0% and #29134F as 100%.

0.0%	0.0% #574A8C	RGB 87 74 140	#574A8C
16.7%	16.7% #4F4081	RGB 79 64 129	#4F4081
33.3%	33.3% #473777	RGB 71 55 119	#473777
50.0%	50.0% #402E6D	RGB 64 46 109	#402E6D
66.7%	66.7% #382563	RGB 56 37 99	#382563
83.3%	83.3% #301C59	RGB 48 28 89	#301C59
100.0%	100.0% #29134F	RGB 41 19 79	#29134F

#574A8C #4F4081 #473777 #402E6D #382563 #301C59 #29134F

#574A8C - #29134F

HSV Blend

#574A8C - #29134F | 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 #574A8C as 0% and #29134F as 100%.

0.0%	0.0% #574A8C	RGB 87 74 140	#574A8C
16.7%	16.7% #4D3E81	RGB 77 62 129	#4D3E81
33.3%	33.3% #443377	RGB 68 51 119	#443377
50.0%	50.0% #3D2A6D	RGB 61 42 109	#3D2A6D
66.7%	66.7% #352163	RGB 53 33 99	#352163
83.3%	83.3% #2F1959	RGB 47 25 89	#2F1959
100.0%	100.0% #29134F	RGB 41 19 79	#29134F

#574A8C #4D3E81 #443377 #3D2A6D #352163 #2F1959 #29134F

#574A8C - #3D2A6D - #29134F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #574A8C 0%, #3D2A6D 50%, #29134F 100%);
    background: -webkit-linear-gradient(top, #574A8C 0%, #3D2A6D 50%, #29134F 100%);
    background: linear-gradient(to bottom, #574A8C 0%, #3D2A6D 50%, #29134F 100%);
}
</style>