#6D8D9C - #D5DEE2 | 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 #6D8D9C to #D5DEE2

#6D8D9C #D5DEE2

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

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

0.0%	0.0% #6D8D9C	RGB 109 141 156	#6D8D9C
16.7%	16.7% #7E9AA7	RGB 126 154 167	#7E9AA7
33.3%	33.3% #8FA8B3	RGB 143 168 179	#8FA8B3
50.0%	50.0% #A1B5BF	RGB 161 181 191	#A1B5BF
66.7%	66.7% #B2C3CA	RGB 178 195 202	#B2C3CA
83.3%	83.3% #C3D0D6	RGB 195 208 214	#C3D0D6
100.0%	100.0% #D5DEE2	RGB 213 222 226	#D5DEE2

#6D8D9C #7E9AA7 #8FA8B3 #A1B5BF #B2C3CA #C3D0D6 #D5DEE2

#6D8D9C - #D5DEE2

HSV Blend

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

0.0%	0.0% #6D8D9C	RGB 109 141 156	#6D8D9C
16.7%	16.7% #7B99A7	RGB 123 153 167	#7B99A7
33.3%	33.3% #8BA6B3	RGB 139 166 179	#8BA6B3
50.0%	50.0% #9CB4BF	RGB 156 180 191	#9CB4BF
66.7%	66.7% #AEC1CA	RGB 174 193 202	#AEC1CA
83.3%	83.3% #C1CFD6	RGB 193 207 214	#C1CFD6
100.0%	100.0% #D5DEE2	RGB 213 222 226	#D5DEE2

#6D8D9C #7B99A7 #8BA6B3 #9CB4BF #AEC1CA #C1CFD6 #D5DEE2

#6D8D9C - #9CB4BF - #D5DEE2

CSS codes

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

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