#97B0A1 - #CFDAAA | 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 #97B0A1 to #CFDAAA

#97B0A1 #CFDAAA

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

#97B0A1 - #CFDAAA | 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 #97B0A1 as 0% and #CFDAAA as 100%.

0.0%	0.0% #97B0A1	RGB 151 176 161	#97B0A1
16.7%	16.7% #A0B7A2	RGB 160 183 162	#A0B7A2
33.3%	33.3% #A9BEA4	RGB 169 190 164	#A9BEA4
50.0%	50.0% #B3C5A5	RGB 179 197 165	#B3C5A5
66.7%	66.7% #BCCCA7	RGB 188 204 167	#BCCCA7
83.3%	83.3% #C5D3A8	RGB 197 211 168	#C5D3A8
100.0%	100.0% #CFDAAA	RGB 207 218 170	#CFDAAA

#97B0A1 #A0B7A2 #A9BEA4 #B3C5A5 #BCCCA7 #C5D3A8 #CFDAAA

#97B0A1 - #CFDAAA

HSV Blend

#97B0A1 - #CFDAAA | 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 #97B0A1 as 0% and #CFDAAA as 100%.

0.0%	0.0% #97B0A1	RGB 151 176 161	#97B0A1
16.7%	16.7% #9AB7A0	RGB 154 183 160	#9AB7A0
33.3%	33.3% #9EBE9E	RGB 158 190 158	#9EBE9E
50.0%	50.0% #A7C5A1	RGB 167 197 161	#A7C5A1
66.7%	66.7% #B3CCA4	RGB 179 204 164	#B3CCA4
83.3%	83.3% #C0D3A7	RGB 192 211 167	#C0D3A7
100.0%	100.0% #CFDAAA	RGB 207 218 170	#CFDAAA

#97B0A1 #9AB7A0 #9EBE9E #A7C5A1 #B3CCA4 #C0D3A7 #CFDAAA

#97B0A1 - #A7C5A1 - #CFDAAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97B0A1 0%, #A7C5A1 50%, #CFDAAA 100%);
    background: -webkit-linear-gradient(top, #97B0A1 0%, #A7C5A1 50%, #CFDAAA 100%);
    background: linear-gradient(to bottom, #97B0A1 0%, #A7C5A1 50%, #CFDAAA 100%);
}
</style>