#616F7B - #D1D5D9 | 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 #616F7B to #D1D5D9

#616F7B #D1D5D9

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

#616F7B - #D1D5D9 | 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 #616F7B as 0% and #D1D5D9 as 100%.

0.0%	0.0% #616F7B	RGB 97 111 123	#616F7B
16.7%	16.7% #73808A	RGB 115 128 138	#73808A
33.3%	33.3% #86919A	RGB 134 145 154	#86919A
50.0%	50.0% #99A2AA	RGB 153 162 170	#99A2AA
66.7%	66.7% #ABB3B9	RGB 171 179 185	#ABB3B9
83.3%	83.3% #BEC4C9	RGB 190 196 201	#BEC4C9
100.0%	100.0% #D1D5D9	RGB 209 213 217	#D1D5D9

#616F7B #73808A #86919A #99A2AA #ABB3B9 #BEC4C9 #D1D5D9

#616F7B - #D1D5D9

HSV Blend

#616F7B - #D1D5D9 | 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 #616F7B as 0% and #D1D5D9 as 100%.

0.0%	0.0% #616F7B	RGB 97 111 123	#616F7B
16.7%	16.7% #717E8A	RGB 113 126 138	#717E8A
33.3%	33.3% #828F9A	RGB 130 143 154	#828F9A
50.0%	50.0% #949FAA	RGB 148 159 170	#949FAA
66.7%	66.7% #A8B1B9	RGB 168 177 185	#A8B1B9
83.3%	83.3% #BCC2C9	RGB 188 194 201	#BCC2C9
100.0%	100.0% #D1D5D9	RGB 209 213 217	#D1D5D9

#616F7B #717E8A #828F9A #949FAA #A8B1B9 #BCC2C9 #D1D5D9

#616F7B - #949FAA - #D1D5D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616F7B 0%, #949FAA 50%, #D1D5D9 100%);
    background: -webkit-linear-gradient(top, #616F7B 0%, #949FAA 50%, #D1D5D9 100%);
    background: linear-gradient(to bottom, #616F7B 0%, #949FAA 50%, #D1D5D9 100%);
}
</style>