#828993 - #2D3E5E | 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 #828993 to #2D3E5E

#828993 #2D3E5E

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

#828993 - #2D3E5E | 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 #828993 as 0% and #2D3E5E as 100%.

0.0%	0.0% #828993	RGB 130 137 147	#828993
16.7%	16.7% #737C8A	RGB 115 124 138	#737C8A
33.3%	33.3% #657081	RGB 101 112 129	#657081
50.0%	50.0% #576378	RGB 87 99 120	#576378
66.7%	66.7% #49576F	RGB 73 87 111	#49576F
83.3%	83.3% #3B4A66	RGB 59 74 102	#3B4A66
100.0%	100.0% #2D3E5E	RGB 45 62 94	#2D3E5E

#828993 #737C8A #657081 #576378 #49576F #3B4A66 #2D3E5E

#828993 - #2D3E5E

HSV Blend

#828993 - #2D3E5E | 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 #828993 as 0% and #2D3E5E as 100%.

0.0%	0.0% #828993	RGB 130 137 147	#828993
16.7%	16.7% #707A8A	RGB 112 122 138	#707A8A
33.3%	33.3% #606D81	RGB 96 109 129	#606D81
50.0%	50.0% #526078	RGB 82 96 120	#526078
66.7%	66.7% #44546F	RGB 68 84 111	#44546F
83.3%	83.3% #384866	RGB 56 72 102	#384866
100.0%	100.0% #2D3E5E	RGB 45 62 94	#2D3E5E

#828993 #707A8A #606D81 #526078 #44546F #384866 #2D3E5E

#828993 - #526078 - #2D3E5E

CSS codes

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

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