#97A8D0 - #3E588E | 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 #97A8D0 to #3E588E

#97A8D0 #3E588E

Calculate the color between two colors, #97A8D0 and #3E588E. 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)

#97A8D0 - #3E588E | 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 #97A8D0 as 0% and #3E588E as 100%.

0.0%	0.0% #97A8D0	RGB 151 168 208	#97A8D0
16.7%	16.7% #889AC5	RGB 136 154 197	#889AC5
33.3%	33.3% #798DBA	RGB 121 141 186	#798DBA
50.0%	50.0% #6A80AF	RGB 106 128 175	#6A80AF
66.7%	66.7% #5B72A4	RGB 91 114 164	#5B72A4
83.3%	83.3% #4C6599	RGB 76 101 153	#4C6599
100.0%	100.0% #3E588E	RGB 62 88 142	#3E588E

#97A8D0 #889AC5 #798DBA #6A80AF #5B72A4 #4C6599 #3E588E

#97A8D0 - #3E588E

HSV Blend

#97A8D0 - #3E588E | 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 #97A8D0 as 0% and #3E588E as 100%.

0.0%	0.0% #97A8D0	RGB 151 168 208	#97A8D0
16.7%	16.7% #8598C5	RGB 133 152 197	#8598C5
33.3%	33.3% #758ABA	RGB 117 138 186	#758ABA
50.0%	50.0% #657CAF	RGB 101 124 175	#657CAF
66.7%	66.7% #576FA4	RGB 87 111 164	#576FA4
83.3%	83.3% #4A6399	RGB 74 99 153	#4A6399
100.0%	100.0% #3E588E	RGB 62 88 142	#3E588E

#97A8D0 #8598C5 #758ABA #657CAF #576FA4 #4A6399 #3E588E

#97A8D0 - #657CAF - #3E588E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97A8D0 0%, #657CAF 50%, #3E588E 100%);
    background: -webkit-linear-gradient(top, #97A8D0 0%, #657CAF 50%, #3E588E 100%);
    background: linear-gradient(to bottom, #97A8D0 0%, #657CAF 50%, #3E588E 100%);
}
</style>