#2F3C5E - #19071D | 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 #2F3C5E to #19071D

#2F3C5E #19071D

Calculate the color between two colors, #2F3C5E and #19071D. 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)

#2F3C5E - #19071D | 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 #2F3C5E as 0% and #19071D as 100%.

0.0%	0.0% #2F3C5E	RGB 47 60 94	#2F3C5E
16.7%	16.7% #2B3353	RGB 43 51 83	#2B3353
33.3%	33.3% #272A48	RGB 39 42 72	#272A48
50.0%	50.0% #24213D	RGB 36 33 61	#24213D
66.7%	66.7% #201832	RGB 32 24 50	#201832
83.3%	83.3% #1C0F27	RGB 28 15 39	#1C0F27
100.0%	100.0% #19071D	RGB 25 7 29	#19071D

#2F3C5E #2B3353 #272A48 #24213D #201832 #1C0F27 #19071D

#2F3C5E - #19071D

HSV Blend

#2F3C5E - #19071D | 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 #2F3C5E as 0% and #19071D as 100%.

0.0%	0.0% #2F3C5E	RGB 47 60 94	#2F3C5E
16.7%	16.7% #252A53	RGB 37 42 83	#252A53
33.3%	33.3% #211D48	RGB 33 29 72	#211D48
50.0%	50.0% #21163D	RGB 33 22 61	#21163D
66.7%	66.7% #201032	RGB 32 16 50	#201032
83.3%	83.3% #1D0B27	RGB 29 11 39	#1D0B27
100.0%	100.0% #19071D	RGB 25 7 29	#19071D

#2F3C5E #252A53 #211D48 #21163D #201032 #1D0B27 #19071D

#2F3C5E - #21163D - #19071D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F3C5E 0%, #21163D 50%, #19071D 100%);
    background: -webkit-linear-gradient(top, #2F3C5E 0%, #21163D 50%, #19071D 100%);
    background: linear-gradient(to bottom, #2F3C5E 0%, #21163D 50%, #19071D 100%);
}
</style>