#5D5E8F - #18283C | 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 #5D5E8F to #18283C

#5D5E8F #18283C

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

#5D5E8F - #18283C | 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 #5D5E8F as 0% and #18283C as 100%.

0.0%	0.0% #5D5E8F	RGB 93 94 143	#5D5E8F
16.7%	16.7% #515581	RGB 81 85 129	#515581
33.3%	33.3% #464C73	RGB 70 76 115	#464C73
50.0%	50.0% #3A4365	RGB 58 67 101	#3A4365
66.7%	66.7% #2F3A57	RGB 47 58 87	#2F3A57
83.3%	83.3% #233149	RGB 35 49 73	#233149
100.0%	100.0% #18283C	RGB 24 40 60	#18283C

#5D5E8F #515581 #464C73 #3A4365 #2F3A57 #233149 #18283C

#5D5E8F - #18283C

HSV Blend

#5D5E8F - #18283C | 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 #5D5E8F as 0% and #18283C as 100%.

0.0%	0.0% #5D5D8F	RGB 93 93 143	#5D5D8F
16.7%	16.7% #4E5381	RGB 78 83 129	#4E5381
33.3%	33.3% #414973	RGB 65 73 115	#414973
50.0%	50.0% #354065	RGB 53 64 101	#354065
66.7%	66.7% #2A3857	RGB 42 56 87	#2A3857
83.3%	83.3% #203049	RGB 32 48 73	#203049
100.0%	100.0% #18283C	RGB 24 40 60	#18283C

#5D5D8F #4E5381 #414973 #354065 #2A3857 #203049 #18283C

#5D5E8F - #354065 - #18283C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5D8F 0%, #354065 50%, #18283C 100%);
    background: -webkit-linear-gradient(top, #5D5D8F 0%, #354065 50%, #18283C 100%);
    background: linear-gradient(to bottom, #5D5D8F 0%, #354065 50%, #18283C 100%);
}
</style>