#2D345D - #83868F | 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 #2D345D to #83868F

#2D345D #83868F

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

#2D345D - #83868F | 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 #2D345D as 0% and #83868F as 100%.

0.0%	0.0% #2D345D	RGB 45 52 93	#2D345D
16.7%	16.7% #3B4165	RGB 59 65 101	#3B4165
33.3%	33.3% #494F6D	RGB 73 79 109	#494F6D
50.0%	50.0% #585D76	RGB 88 93 118	#585D76
66.7%	66.7% #666A7E	RGB 102 106 126	#666A7E
83.3%	83.3% #747886	RGB 116 120 134	#747886
100.0%	100.0% #83868F	RGB 131 134 143	#83868F

#2D345D #3B4165 #494F6D #585D76 #666A7E #747886 #83868F

#2D345D - #83868F

HSV Blend

#2D345D - #83868F | 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 #2D345D as 0% and #83868F as 100%.

0.0%	0.0% #2D345D	RGB 45 52 93	#2D345D
16.7%	16.7% #383F65	RGB 56 63 101	#383F65
33.3%	33.3% #444C6D	RGB 68 76 109	#444C6D
50.0%	50.0% #525976	RGB 82 89 118	#525976
66.7%	66.7% #61677E	RGB 97 103 126	#61677E
83.3%	83.3% #717686	RGB 113 118 134	#717686
100.0%	100.0% #83868F	RGB 131 134 143	#83868F

#2D345D #383F65 #444C6D #525976 #61677E #717686 #83868F

#2D345D - #525976 - #83868F

CSS codes

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

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