#828393 - #2D2E5E | 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 #828393 to #2D2E5E

#828393 #2D2E5E

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

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

0.0%	0.0% #828393	RGB 130 131 147	#828393
16.7%	16.7% #73748A	RGB 115 116 138	#73748A
33.3%	33.3% #656681	RGB 101 102 129	#656681
50.0%	50.0% #575878	RGB 87 88 120	#575878
66.7%	66.7% #494A6F	RGB 73 74 111	#494A6F
83.3%	83.3% #3B3C66	RGB 59 60 102	#3B3C66
100.0%	100.0% #2D2E5E	RGB 45 46 94	#2D2E5E

#828393 #73748A #656681 #575878 #494A6F #3B3C66 #2D2E5E

#828393 - #2D2E5E

HSV Blend

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

0.0%	0.0% #828393	RGB 130 131 147	#828393
16.7%	16.7% #70728A	RGB 112 114 138	#70728A
33.3%	33.3% #606281	RGB 96 98 129	#606281
50.0%	50.0% #525378	RGB 82 83 120	#525378
66.7%	66.7% #44456F	RGB 68 69 111	#44456F
83.3%	83.3% #383966	RGB 56 57 102	#383966
100.0%	100.0% #2D2E5E	RGB 45 46 94	#2D2E5E

#828393 #70728A #606281 #525378 #44456F #383966 #2D2E5E

#828393 - #525378 - #2D2E5E

CSS codes

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

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