#6D8C9C - #D5DCE2 | 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 #6D8C9C to #D5DCE2

#6D8C9C #D5DCE2

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

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

0.0%	0.0% #6D8C9C	RGB 109 140 156	#6D8C9C
16.7%	16.7% #7E99A7	RGB 126 153 167	#7E99A7
33.3%	33.3% #8FA6B3	RGB 143 166 179	#8FA6B3
50.0%	50.0% #A1B4BF	RGB 161 180 191	#A1B4BF
66.7%	66.7% #B2C1CA	RGB 178 193 202	#B2C1CA
83.3%	83.3% #C3CED6	RGB 195 206 214	#C3CED6
100.0%	100.0% #D5DCE2	RGB 213 220 226	#D5DCE2

#6D8C9C #7E99A7 #8FA6B3 #A1B4BF #B2C1CA #C3CED6 #D5DCE2

#6D8C9C - #D5DCE2

HSV Blend

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

0.0%	0.0% #6D8C9C	RGB 109 140 156	#6D8C9C
16.7%	16.7% #7B97A7	RGB 123 151 167	#7B97A7
33.3%	33.3% #8BA4B3	RGB 139 164 179	#8BA4B3
50.0%	50.0% #9CB1BF	RGB 156 177 191	#9CB1BF
66.7%	66.7% #AEBECA	RGB 174 190 202	#AEBECA
83.3%	83.3% #C1CDD6	RGB 193 205 214	#C1CDD6
100.0%	100.0% #D5DCE2	RGB 213 220 226	#D5DCE2

#6D8C9C #7B97A7 #8BA4B3 #9CB1BF #AEBECA #C1CDD6 #D5DCE2

#6D8C9C - #9CB1BF - #D5DCE2

CSS codes

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

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