#6B87A0 - #2B3E52 | 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 #6B87A0 to #2B3E52

#6B87A0 #2B3E52

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

#6B87A0 - #2B3E52 | 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 #6B87A0 as 0% and #2B3E52 as 100%.

0.0%	0.0% #6B87A0	RGB 107 135 160	#6B87A0
16.7%	16.7% #607A93	RGB 96 122 147	#607A93
33.3%	33.3% #556E86	RGB 85 110 134	#556E86
50.0%	50.0% #4B6279	RGB 75 98 121	#4B6279
66.7%	66.7% #40566C	RGB 64 86 108	#40566C
83.3%	83.3% #354A5F	RGB 53 74 95	#354A5F
100.0%	100.0% #2B3E52	RGB 43 62 82	#2B3E52

#6B87A0 #607A93 #556E86 #4B6279 #40566C #354A5F #2B3E52

#6B87A0 - #2B3E52

HSV Blend

#6B87A0 - #2B3E52 | 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 #6B87A0 as 0% and #2B3E52 as 100%.

0.0%	0.0% #6B86A0	RGB 107 134 160	#6B86A0
16.7%	16.7% #5E7A93	RGB 94 122 147	#5E7A93
33.3%	33.3% #536D86	RGB 83 109 134	#536D86
50.0%	50.0% #486079	RGB 72 96 121	#486079
66.7%	66.7% #3D546C	RGB 61 84 108	#3D546C
83.3%	83.3% #34495F	RGB 52 73 95	#34495F
100.0%	100.0% #2B3E52	RGB 43 62 82	#2B3E52

#6B86A0 #5E7A93 #536D86 #486079 #3D546C #34495F #2B3E52

#6B87A0 - #486079 - #2B3E52

CSS codes

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

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