#97A2D9 - #2B2E3E | 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 #97A2D9 to #2B2E3E

#97A2D9 #2B2E3E

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

#97A2D9 - #2B2E3E | 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 #97A2D9 as 0% and #2B2E3E as 100%.

0.0%	0.0% #97A2D9	RGB 151 162 217	#97A2D9
16.7%	16.7% #858EBF	RGB 133 142 191	#858EBF
33.3%	33.3% #737BA5	RGB 115 123 165	#737BA5
50.0%	50.0% #61688B	RGB 97 104 139	#61688B
66.7%	66.7% #4F5471	RGB 79 84 113	#4F5471
83.3%	83.3% #3D4157	RGB 61 65 87	#3D4157
100.0%	100.0% #2B2E3E	RGB 43 46 62	#2B2E3E

#97A2D9 #858EBF #737BA5 #61688B #4F5471 #3D4157 #2B2E3E

#97A2D9 - #2B2E3E

HSV Blend

#97A2D9 - #2B2E3E | 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 #97A2D9 as 0% and #2B2E3E as 100%.

0.0%	0.0% #97A2D9	RGB 151 162 217	#97A2D9
16.7%	16.7% #848EBF	RGB 132 142 191	#848EBF
33.3%	33.3% #727BA5	RGB 114 123 165	#727BA5
50.0%	50.0% #60678B	RGB 96 103 139	#60678B
66.7%	66.7% #4E5471	RGB 78 84 113	#4E5471
83.3%	83.3% #3C4157	RGB 60 65 87	#3C4157
100.0%	100.0% #2B2E3E	RGB 43 46 62	#2B2E3E

#97A2D9 #848EBF #727BA5 #60678B #4E5471 #3C4157 #2B2E3E

#97A2D9 - #60678B - #2B2E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97A2D9 0%, #60678B 50%, #2B2E3E 100%);
    background: -webkit-linear-gradient(top, #97A2D9 0%, #60678B 50%, #2B2E3E 100%);
    background: linear-gradient(to bottom, #97A2D9 0%, #60678B 50%, #2B2E3E 100%);
}
</style>