#6B828F - #D4DBDF | 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 #6B828F to #D4DBDF

#6B828F #D4DBDF

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

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

0.0%	0.0% #6B828F	RGB 107 130 143	#6B828F
16.7%	16.7% #7C909C	RGB 124 144 156	#7C909C
33.3%	33.3% #8E9FA9	RGB 142 159 169	#8E9FA9
50.0%	50.0% #9FAEB7	RGB 159 174 183	#9FAEB7
66.7%	66.7% #B1BDC4	RGB 177 189 196	#B1BDC4
83.3%	83.3% #C2CCD1	RGB 194 204 209	#C2CCD1
100.0%	100.0% #D4DBDF	RGB 212 219 223	#D4DBDF

#6B828F #7C909C #8E9FA9 #9FAEB7 #B1BDC4 #C2CCD1 #D4DBDF

#6B828F - #D4DBDF

HSV Blend

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

0.0%	0.0% #6B828F	RGB 107 130 143	#6B828F
16.7%	16.7% #7A909C	RGB 122 144 156	#7A909C
33.3%	33.3% #8A9EA9	RGB 138 158 169	#8A9EA9
50.0%	50.0% #9BADB7	RGB 155 173 183	#9BADB7
66.7%	66.7% #ADBCC4	RGB 173 188 196	#ADBCC4
83.3%	83.3% #C0CBD1	RGB 192 203 209	#C0CBD1
100.0%	100.0% #D4DBDF	RGB 212 219 223	#D4DBDF

#6B828F #7A909C #8A9EA9 #9BADB7 #ADBCC4 #C0CBD1 #D4DBDF

#6B828F - #9BADB7 - #D4DBDF

CSS codes

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

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