#2D5E99 - #18263C | 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 #2D5E99 to #18263C

#2D5E99 #18263C

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

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

0.0%	0.0% #2D5E99	RGB 45 94 153	#2D5E99
16.7%	16.7% #295489	RGB 41 84 137	#295489
33.3%	33.3% #264B7A	RGB 38 75 122	#264B7A
50.0%	50.0% #22426A	RGB 34 66 106	#22426A
66.7%	66.7% #1F385B	RGB 31 56 91	#1F385B
83.3%	83.3% #1B2F4B	RGB 27 47 75	#1B2F4B
100.0%	100.0% #18263C	RGB 24 38 60	#18263C

#2D5E99 #295489 #264B7A #22426A #1F385B #1B2F4B #18263C

#2D5E99 - #18263C

HSV Blend

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

0.0%	0.0% #2C5E99	RGB 44 94 153	#2C5E99
16.7%	16.7% #2A5489	RGB 42 84 137	#2A5489
33.3%	33.3% #284B7A	RGB 40 75 122	#284B7A
50.0%	50.0% #24426A	RGB 36 66 106	#24426A
66.7%	66.7% #21385B	RGB 33 56 91	#21385B
83.3%	83.3% #1C2F4B	RGB 28 47 75	#1C2F4B
100.0%	100.0% #18263C	RGB 24 38 60	#18263C

#2C5E99 #2A5489 #284B7A #24426A #21385B #1C2F4B #18263C

#2D5E99 - #24426A - #18263C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C5E99 0%, #24426A 50%, #18263C 100%);
    background: -webkit-linear-gradient(top, #2C5E99 0%, #24426A 50%, #18263C 100%);
    background: linear-gradient(to bottom, #2C5E99 0%, #24426A 50%, #18263C 100%);
}
</style>