#503D5E - #1E201D | 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 #503D5E to #1E201D

#503D5E #1E201D

Calculate the color between two colors, #503D5E and #1E201D. 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)

#503D5E - #1E201D | 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 #503D5E as 0% and #1E201D as 100%.

0.0%	0.0% #503D5E	RGB 80 61 94	#503D5E
16.7%	16.7% #473853	RGB 71 56 83	#473853
33.3%	33.3% #3F3348	RGB 63 51 72	#3F3348
50.0%	50.0% #372E3D	RGB 55 46 61	#372E3D
66.7%	66.7% #2E2932	RGB 46 41 50	#2E2932
83.3%	83.3% #262427	RGB 38 36 39	#262427
100.0%	100.0% #1E201D	RGB 30 32 29	#1E201D

#503D5E #473853 #3F3348 #372E3D #2E2932 #262427 #1E201D

#503D5E - #1E201D

HSV Blend

#503D5E - #1E201D | 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 #503D5E as 0% and #1E201D as 100%.

0.0%	0.0% #503D5E	RGB 80 61 94	#503D5E
16.7%	16.7% #3C3953	RGB 60 57 83	#3C3953
33.3%	33.3% #353D49	RGB 53 61 73	#353D49
50.0%	50.0% #303D3F	RGB 48 61 63	#303D3F
66.7%	66.7% #2B3431	RGB 43 52 49	#2B3431
83.3%	83.3% #242A25	RGB 36 42 37	#242A25
100.0%	100.0% #1E201D	RGB 30 32 29	#1E201D

#503D5E #3C3953 #353D49 #303D3F #2B3431 #242A25 #1E201D

#503D5E - #303D3F - #1E201D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503D5E 0%, #303D3F 50%, #1E201D 100%);
    background: -webkit-linear-gradient(top, #503D5E 0%, #303D3F 50%, #1E201D 100%);
    background: linear-gradient(to bottom, #503D5E 0%, #303D3F 50%, #1E201D 100%);
}
</style>