#2D3C8D - #10192C | 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 #2D3C8D to #10192C

#2D3C8D #10192C

Calculate the color between two colors, #2D3C8D and #10192C. 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)

#2D3C8D - #10192C | 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 #2D3C8D as 0% and #10192C as 100%.

0.0%	0.0% #2D3C8D	RGB 45 60 141	#2D3C8D
16.7%	16.7% #28367C	RGB 40 54 124	#28367C
33.3%	33.3% #23306C	RGB 35 48 108	#23306C
50.0%	50.0% #1E2A5C	RGB 30 42 92	#1E2A5C
66.7%	66.7% #19244C	RGB 25 36 76	#19244C
83.3%	83.3% #141E3C	RGB 20 30 60	#141E3C
100.0%	100.0% #10192C	RGB 16 25 44	#10192C

#2D3C8D #28367C #23306C #1E2A5C #19244C #141E3C #10192C

#2D3C8D - #10192C

HSV Blend

#2D3C8D - #10192C | 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 #2D3C8D as 0% and #10192C as 100%.

0.0%	0.0% #2D3C8D	RGB 45 60 141	#2D3C8D
16.7%	16.7% #28387C	RGB 40 56 124	#28387C
33.3%	33.3% #24336C	RGB 36 51 108	#24336C
50.0%	50.0% #1F2E5C	RGB 31 46 92	#1F2E5C
66.7%	66.7% #1A274C	RGB 26 39 76	#1A274C
83.3%	83.3% #15203C	RGB 21 32 60	#15203C
100.0%	100.0% #10192C	RGB 16 25 44	#10192C

#2D3C8D #28387C #24336C #1F2E5C #1A274C #15203C #10192C

#2D3C8D - #1F2E5C - #10192C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C8D 0%, #1F2E5C 50%, #10192C 100%);
    background: -webkit-linear-gradient(top, #2D3C8D 0%, #1F2E5C 50%, #10192C 100%);
    background: linear-gradient(to bottom, #2D3C8D 0%, #1F2E5C 50%, #10192C 100%);
}
</style>