#D1DDD9 - #6FA7A8 | 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 #D1DDD9 to #6FA7A8

#D1DDD9 #6FA7A8

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

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

0.0%	0.0% #D1DDD9	RGB 209 221 217	#D1DDD9
16.7%	16.7% #C0D4D0	RGB 192 212 208	#C0D4D0
33.3%	33.3% #B0CBC8	RGB 176 203 200	#B0CBC8
50.0%	50.0% #A0C2C0	RGB 160 194 192	#A0C2C0
66.7%	66.7% #8FB9B8	RGB 143 185 184	#8FB9B8
83.3%	83.3% #7FB0B0	RGB 127 176 176	#7FB0B0
100.0%	100.0% #6FA7A8	RGB 111 167 168	#6FA7A8

#D1DDD9 #C0D4D0 #B0CBC8 #A0C2C0 #8FB9B8 #7FB0B0 #6FA7A8

#D1DDD9 - #6FA7A8

HSV Blend

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

0.0%	0.0% #D1DDD9	RGB 209 221 217	#D1DDD9
16.7%	16.7% #BED4CE	RGB 190 212 206	#BED4CE
33.3%	33.3% #ACCBC4	RGB 172 203 196	#ACCBC4
50.0%	50.0% #9CC2BC	RGB 156 194 188	#9CC2BC
66.7%	66.7% #8CB9B5	RGB 140 185 181	#8CB9B5
83.3%	83.3% #7DB0AE	RGB 125 176 174	#7DB0AE
100.0%	100.0% #6FA7A8	RGB 111 167 168	#6FA7A8

#D1DDD9 #BED4CE #ACCBC4 #9CC2BC #8CB9B5 #7DB0AE #6FA7A8

#D1DDD9 - #9CC2BC - #6FA7A8

CSS codes

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

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