#6A8F7F - #D4DFD9 | 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 #6A8F7F to #D4DFD9

#6A8F7F #D4DFD9

Calculate the color between two colors, #6A8F7F and #D4DFD9. 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)

#6A8F7F - #D4DFD9 | 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 #6A8F7F as 0% and #D4DFD9 as 100%.

0.0%	0.0% #6A8F7F	RGB 106 143 127	#6A8F7F
16.7%	16.7% #7B9C8E	RGB 123 156 142	#7B9C8E
33.3%	33.3% #8DA99D	RGB 141 169 157	#8DA99D
50.0%	50.0% #9FB7AC	RGB 159 183 172	#9FB7AC
66.7%	66.7% #B0C4BB	RGB 176 196 187	#B0C4BB
83.3%	83.3% #C2D1CA	RGB 194 209 202	#C2D1CA
100.0%	100.0% #D4DFD9	RGB 212 223 217	#D4DFD9

#6A8F7F #7B9C8E #8DA99D #9FB7AC #B0C4BB #C2D1CA #D4DFD9

#6A8F7F - #D4DFD9

HSV Blend

#6A8F7F - #D4DFD9 | 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 #6A8F7F as 0% and #D4DFD9 as 100%.

0.0%	0.0% #6A8F7F	RGB 106 143 127	#6A8F7F
16.7%	16.7% #799C8C	RGB 121 156 140	#799C8C
33.3%	33.3% #89A99A	RGB 137 169 154	#89A99A
50.0%	50.0% #9AB7A9	RGB 154 183 169	#9AB7A9
66.7%	66.7% #ACC4B8	RGB 172 196 184	#ACC4B8
83.3%	83.3% #C0D1C8	RGB 192 209 200	#C0D1C8
100.0%	100.0% #D4DFD9	RGB 212 223 217	#D4DFD9

#6A8F7F #799C8C #89A99A #9AB7A9 #ACC4B8 #C0D1C8 #D4DFD9

#6A8F7F - #9AB7A9 - #D4DFD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8F7F 0%, #9AB7A9 50%, #D4DFD9 100%);
    background: -webkit-linear-gradient(top, #6A8F7F 0%, #9AB7A9 50%, #D4DFD9 100%);
    background: linear-gradient(to bottom, #6A8F7F 0%, #9AB7A9 50%, #D4DFD9 100%);
}
</style>