#2D313C - #5E63A0 | 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 #2D313C to #5E63A0

#2D313C #5E63A0

Calculate the color between two colors, #2D313C and #5E63A0. 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)

#2D313C - #5E63A0 | 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 #2D313C as 0% and #5E63A0 as 100%.

0.0%	0.0% #2D313C	RGB 45 49 60	#2D313C
16.7%	16.7% #35394C	RGB 53 57 76	#35394C
33.3%	33.3% #3D415D	RGB 61 65 93	#3D415D
50.0%	50.0% #454A6E	RGB 69 74 110	#454A6E
66.7%	66.7% #4D527E	RGB 77 82 126	#4D527E
83.3%	83.3% #555A8F	RGB 85 90 143	#555A8F
100.0%	100.0% #5E63A0	RGB 94 99 160	#5E63A0

#2D313C #35394C #3D415D #454A6E #4D527E #555A8F #5E63A0

#2D313C - #5E63A0

HSV Blend

#2D313C - #5E63A0 | 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 #2D313C as 0% and #5E63A0 as 100%.

0.0%	0.0% #2D313C	RGB 45 49 60	#2D313C
16.7%	16.7% #373C4C	RGB 55 60 76	#373C4C
33.3%	33.3% #40465D	RGB 64 70 93	#40465D
50.0%	50.0% #494F6E	RGB 73 79 110	#494F6E
66.7%	66.7% #51577E	RGB 81 87 126	#51577E
83.3%	83.3% #585E8F	RGB 88 94 143	#585E8F
100.0%	100.0% #5E63A0	RGB 94 99 160	#5E63A0

#2D313C #373C4C #40465D #494F6E #51577E #585E8F #5E63A0

#2D313C - #494F6E - #5E63A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D313C 0%, #494F6E 50%, #5E63A0 100%);
    background: -webkit-linear-gradient(top, #2D313C 0%, #494F6E 50%, #5E63A0 100%);
    background: linear-gradient(to bottom, #2D313C 0%, #494F6E 50%, #5E63A0 100%);
}
</style>