#494952 - #08143E | 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 #494952 to #08143E

#494952 #08143E

Calculate the color between two colors, #494952 and #08143E. 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)

#494952 - #08143E | 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 #494952 as 0% and #08143E as 100%.

0.0%	0.0% #494952	RGB 73 73 82	#494952
16.7%	16.7% #3E404E	RGB 62 64 78	#3E404E
33.3%	33.3% #33374B	RGB 51 55 75	#33374B
50.0%	50.0% #282E48	RGB 40 46 72	#282E48
66.7%	66.7% #1D2544	RGB 29 37 68	#1D2544
83.3%	83.3% #121C41	RGB 18 28 65	#121C41
100.0%	100.0% #08143E	RGB 8 20 62	#08143E

#494952 #3E404E #33374B #282E48 #1D2544 #121C41 #08143E

#494952 - #08143E

HSV Blend

#494952 - #08143E | 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 #494952 as 0% and #08143E as 100%.

0.0%	0.0% #494952	RGB 73 73 82	#494952
16.7%	16.7% #3C3C4E	RGB 60 60 78	#3C3C4E
33.3%	33.3% #2F314B	RGB 47 49 75	#2F314B
50.0%	50.0% #242848	RGB 36 40 72	#242848
66.7%	66.7% #1A2044	RGB 26 32 68	#1A2044
83.3%	83.3% #101941	RGB 16 25 65	#101941
100.0%	100.0% #08143E	RGB 8 20 62	#08143E

#494952 #3C3C4E #2F314B #242848 #1A2044 #101941 #08143E

#494952 - #242848 - #08143E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #494952 0%, #242848 50%, #08143E 100%);
    background: -webkit-linear-gradient(top, #494952 0%, #242848 50%, #08143E 100%);
    background: linear-gradient(to bottom, #494952 0%, #242848 50%, #08143E 100%);
}
</style>