#553E5E - #40074D | 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 #553E5E to #40074D

#553E5E #40074D

Calculate the color between two colors, #553E5E and #40074D. 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)

#553E5E - #40074D | 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 #553E5E as 0% and #40074D as 100%.

0.0%	0.0% #553E5E	RGB 85 62 94	#553E5E
16.7%	16.7% #51345B	RGB 81 52 91	#51345B
33.3%	33.3% #4E2B58	RGB 78 43 88	#4E2B58
50.0%	50.0% #4A2255	RGB 74 34 85	#4A2255
66.7%	66.7% #471952	RGB 71 25 82	#471952
83.3%	83.3% #43104F	RGB 67 16 79	#43104F
100.0%	100.0% #40074D	RGB 64 7 77	#40074D

#553E5E #51345B #4E2B58 #4A2255 #471952 #43104F #40074D

#553E5E - #40074D

HSV Blend

#553E5E - #40074D | 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 #553E5E as 0% and #40074D as 100%.

0.0%	0.0% #553E5E	RGB 85 62 94	#553E5E
16.7%	16.7% #50335B	RGB 80 51 91	#50335B
33.3%	33.3% #4C2958	RGB 76 41 88	#4C2958
50.0%	50.0% #492055	RGB 73 32 85	#492055
66.7%	66.7% #451752	RGB 69 23 82	#451752
83.3%	83.3% #420E4F	RGB 66 14 79	#420E4F
100.0%	100.0% #40074D	RGB 64 7 77	#40074D

#553E5E #50335B #4C2958 #492055 #451752 #420E4F #40074D

#553E5E - #492055 - #40074D

CSS codes

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

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