#2D355D - #84878F | 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 #2D355D to #84878F

#2D355D #84878F

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

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

0.0%	0.0% #2D355D	RGB 45 53 93	#2D355D
16.7%	16.7% #3B4265	RGB 59 66 101	#3B4265
33.3%	33.3% #4A506D	RGB 74 80 109	#4A506D
50.0%	50.0% #585E76	RGB 88 94 118	#585E76
66.7%	66.7% #676B7E	RGB 103 107 126	#676B7E
83.3%	83.3% #757986	RGB 117 121 134	#757986
100.0%	100.0% #84878F	RGB 132 135 143	#84878F

#2D355D #3B4265 #4A506D #585E76 #676B7E #757986 #84878F

#2D355D - #84878F

HSV Blend

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

0.0%	0.0% #2D355D	RGB 45 53 93	#2D355D
16.7%	16.7% #384065	RGB 56 64 101	#384065
33.3%	33.3% #454D6D	RGB 69 77 109	#454D6D
50.0%	50.0% #535A76	RGB 83 90 118	#535A76
66.7%	66.7% #62687E	RGB 98 104 126	#62687E
83.3%	83.3% #727786	RGB 114 119 134	#727786
100.0%	100.0% #84878F	RGB 132 135 143	#84878F

#2D355D #384065 #454D6D #535A76 #62687E #727786 #84878F

#2D355D - #535A76 - #84878F

CSS codes

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

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