#97B6B5 - #317F7B | 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 #97B6B5 to #317F7B

#97B6B5 #317F7B

Calculate the color between two colors, #97B6B5 and #317F7B. 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)

#97B6B5 - #317F7B | 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 #97B6B5 as 0% and #317F7B as 100%.

0.0%	0.0% #97B6B5	RGB 151 182 181	#97B6B5
16.7%	16.7% #86ACAB	RGB 134 172 171	#86ACAB
33.3%	33.3% #75A3A1	RGB 117 163 161	#75A3A1
50.0%	50.0% #649A98	RGB 100 154 152	#649A98
66.7%	66.7% #53918E	RGB 83 145 142	#53918E
83.3%	83.3% #428884	RGB 66 136 132	#428884
100.0%	100.0% #317F7B	RGB 49 127 123	#317F7B

#97B6B5 #86ACAB #75A3A1 #649A98 #53918E #428884 #317F7B

#97B6B5 - #317F7B

HSV Blend

#97B6B5 - #317F7B | 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 #97B6B5 as 0% and #317F7B as 100%.

0.0%	0.0% #97B6B5	RGB 151 182 181	#97B6B5
16.7%	16.7% #82ACAB	RGB 130 172 171	#82ACAB
33.3%	33.3% #6FA3A1	RGB 111 163 161	#6FA3A1
50.0%	50.0% #5D9A97	RGB 93 154 151	#5D9A97
66.7%	66.7% #4D918E	RGB 77 145 142	#4D918E
83.3%	83.3% #3E8884	RGB 62 136 132	#3E8884
100.0%	100.0% #317F7B	RGB 49 127 123	#317F7B

#97B6B5 #82ACAB #6FA3A1 #5D9A97 #4D918E #3E8884 #317F7B

#97B6B5 - #5D9A97 - #317F7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97B6B5 0%, #5D9A97 50%, #317F7B 100%);
    background: -webkit-linear-gradient(top, #97B6B5 0%, #5D9A97 50%, #317F7B 100%);
    background: linear-gradient(to bottom, #97B6B5 0%, #5D9A97 50%, #317F7B 100%);
}
</style>