#445E5E - #083F52 | 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 #445E5E to #083F52

#445E5E #083F52

Calculate the color between two colors, #445E5E and #083F52. 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)

#445E5E - #083F52 | 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 #445E5E as 0% and #083F52 as 100%.

0.0%	0.0% #445E5E	RGB 68 94 94	#445E5E
16.7%	16.7% #3A585C	RGB 58 88 92	#3A585C
33.3%	33.3% #30535A	RGB 48 83 90	#30535A
50.0%	50.0% #264E58	RGB 38 78 88	#264E58
66.7%	66.7% #1C4956	RGB 28 73 86	#1C4956
83.3%	83.3% #124454	RGB 18 68 84	#124454
100.0%	100.0% #083F52	RGB 8 63 82	#083F52

#445E5E #3A585C #30535A #264E58 #1C4956 #124454 #083F52

#445E5E - #083F52

HSV Blend

#445E5E - #083F52 | 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 #445E5E as 0% and #083F52 as 100%.

0.0%	0.0% #445E5E	RGB 68 94 94	#445E5E
16.7%	16.7% #385A5C	RGB 56 90 92	#385A5C
33.3%	33.3% #2E565A	RGB 46 86 90	#2E565A
50.0%	50.0% #245158	RGB 36 81 88	#245158
66.7%	66.7% #1A4B56	RGB 26 75 86	#1A4B56
83.3%	83.3% #104554	RGB 16 69 84	#104554
100.0%	100.0% #083F52	RGB 8 63 82	#083F52

#445E5E #385A5C #2E565A #245158 #1A4B56 #104554 #083F52

#445E5E - #245158 - #083F52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #445E5E 0%, #245158 50%, #083F52 100%);
    background: -webkit-linear-gradient(top, #445E5E 0%, #245158 50%, #083F52 100%);
    background: linear-gradient(to bottom, #445E5E 0%, #245158 50%, #083F52 100%);
}
</style>