#103628 - #484A7E | 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 #103628 to #484A7E

#103628 #484A7E

Calculate the color between two colors, #103628 and #484A7E. 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)

#103628 - #484A7E | 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 #103628 as 0% and #484A7E as 100%.

0.0%	0.0% #103628	RGB 16 54 40	#103628
16.7%	16.7% #193936	RGB 25 57 54	#193936
33.3%	33.3% #223C44	RGB 34 60 68	#223C44
50.0%	50.0% #2C4053	RGB 44 64 83	#2C4053
66.7%	66.7% #354361	RGB 53 67 97	#354361
83.3%	83.3% #3E466F	RGB 62 70 111	#3E466F
100.0%	100.0% #484A7E	RGB 72 74 126	#484A7E

#103628 #193936 #223C44 #2C4053 #354361 #3E466F #484A7E

#103628 - #484A7E

HSV Blend

#103628 - #484A7E | 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 #103628 as 0% and #484A7E as 100%.

0.0%	0.0% #103628	RGB 16 54 40	#103628
16.7%	16.7% #16423B	RGB 22 66 59	#16423B
33.3%	33.3% #1E4A4E	RGB 30 74 78	#1E4A4E
50.0%	50.0% #274A5A	RGB 39 74 90	#274A5A
66.7%	66.7% #304A66	RGB 48 74 102	#304A66
83.3%	83.3% #3B4972	RGB 59 73 114	#3B4972
100.0%	100.0% #484A7E	RGB 72 74 126	#484A7E

#103628 #16423B #1E4A4E #274A5A #304A66 #3B4972 #484A7E

#103628 - #274A5A - #484A7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103628 0%, #274A5A 50%, #484A7E 100%);
    background: -webkit-linear-gradient(top, #103628 0%, #274A5A 50%, #484A7E 100%);
    background: linear-gradient(to bottom, #103628 0%, #274A5A 50%, #484A7E 100%);
}
</style>