#2D376A - #878D9C | 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 #2D376A to #878D9C

#2D376A #878D9C

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

#2D376A - #878D9C | 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 #2D376A as 0% and #878D9C as 100%.

0.0%	0.0% #2D376A	RGB 45 55 106	#2D376A
16.7%	16.7% #3C4572	RGB 60 69 114	#3C4572
33.3%	33.3% #4B537A	RGB 75 83 122	#4B537A
50.0%	50.0% #5A6283	RGB 90 98 131	#5A6283
66.7%	66.7% #69708B	RGB 105 112 139	#69708B
83.3%	83.3% #787E93	RGB 120 126 147	#787E93
100.0%	100.0% #878D9C	RGB 135 141 156	#878D9C

#2D376A #3C4572 #4B537A #5A6283 #69708B #787E93 #878D9C

#2D376A - #878D9C

HSV Blend

#2D376A - #878D9C | 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 #2D376A as 0% and #878D9C as 100%.

0.0%	0.0% #2D376A	RGB 45 55 106	#2D376A
16.7%	16.7% #384372	RGB 56 67 114	#384372
33.3%	33.3% #46507A	RGB 70 80 122	#46507A
50.0%	50.0% #545E83	RGB 84 94 131	#545E83
66.7%	66.7% #646D8B	RGB 100 109 139	#646D8B
83.3%	83.3% #747D93	RGB 116 125 147	#747D93
100.0%	100.0% #878D9C	RGB 135 141 156	#878D9C

#2D376A #384372 #46507A #545E83 #646D8B #747D93 #878D9C

#2D376A - #545E83 - #878D9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D376A 0%, #545E83 50%, #878D9C 100%);
    background: -webkit-linear-gradient(top, #2D376A 0%, #545E83 50%, #878D9C 100%);
    background: linear-gradient(to bottom, #2D376A 0%, #545E83 50%, #878D9C 100%);
}
</style>