#2D3B5C - #705BC1 | 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 #2D3B5C to #705BC1

#2D3B5C #705BC1

Calculate the color between two colors, #2D3B5C and #705BC1. 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)

#2D3B5C - #705BC1 | 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 #2D3B5C as 0% and #705BC1 as 100%.

0.0%	0.0% #2D3B5C	RGB 45 59 92	#2D3B5C
16.7%	16.7% #38406C	RGB 56 64 108	#38406C
33.3%	33.3% #43457D	RGB 67 69 125	#43457D
50.0%	50.0% #4E4B8E	RGB 78 75 142	#4E4B8E
66.7%	66.7% #59509F	RGB 89 80 159	#59509F
83.3%	83.3% #6455B0	RGB 100 85 176	#6455B0
100.0%	100.0% #705BC1	RGB 112 91 193	#705BC1

#2D3B5C #38406C #43457D #4E4B8E #59509F #6455B0 #705BC1

#2D3B5C - #705BC1

HSV Blend

#2D3B5C - #705BC1 | 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 #2D3B5C as 0% and #705BC1 as 100%.

0.0%	0.0% #2D3B5C	RGB 45 59 92	#2D3B5C
16.7%	16.7% #34406C	RGB 52 64 108	#34406C
33.3%	33.3% #3C457D	RGB 60 69 125	#3C457D
50.0%	50.0% #44478E	RGB 68 71 142	#44478E
66.7%	66.7% #4F4C9F	RGB 79 76 159	#4F4C9F
83.3%	83.3% #5E53B0	RGB 94 83 176	#5E53B0
100.0%	100.0% #705BC1	RGB 112 91 193	#705BC1

#2D3B5C #34406C #3C457D #44478E #4F4C9F #5E53B0 #705BC1

#2D3B5C - #44478E - #705BC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3B5C 0%, #44478E 50%, #705BC1 100%);
    background: -webkit-linear-gradient(top, #2D3B5C 0%, #44478E 50%, #705BC1 100%);
    background: linear-gradient(to bottom, #2D3B5C 0%, #44478E 50%, #705BC1 100%);
}
</style>