#D6E5E5 - #6CB7B8 | 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 #D6E5E5 to #6CB7B8

#D6E5E5 #6CB7B8

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

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

0.0%	0.0% #D6E5E5	RGB 214 229 229	#D6E5E5
16.7%	16.7% #C4DDDD	RGB 196 221 221	#C4DDDD
33.3%	33.3% #B2D5D6	RGB 178 213 214	#B2D5D6
50.0%	50.0% #A1CECE	RGB 161 206 206	#A1CECE
66.7%	66.7% #8FC6C7	RGB 143 198 199	#8FC6C7
83.3%	83.3% #7DBEBF	RGB 125 190 191	#7DBEBF
100.0%	100.0% #6CB7B8	RGB 108 183 184	#6CB7B8

#D6E5E5 #C4DDDD #B2D5D6 #A1CECE #8FC6C7 #7DBEBF #6CB7B8

#D6E5E5 - #6CB7B8

HSV Blend

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

0.0%	0.0% #D6E5E5	RGB 214 229 229	#D6E5E5
16.7%	16.7% #C2DDDD	RGB 194 221 221	#C2DDDD
33.3%	33.3% #AFD5D6	RGB 175 213 214	#AFD5D6
50.0%	50.0% #9DCECE	RGB 157 206 206	#9DCECE
66.7%	66.7% #8BC6C7	RGB 139 198 199	#8BC6C7
83.3%	83.3% #7BBEBF	RGB 123 190 191	#7BBEBF
100.0%	100.0% #6CB7B8	RGB 108 183 184	#6CB7B8

#D6E5E5 #C2DDDD #AFD5D6 #9DCECE #8BC6C7 #7BBEBF #6CB7B8

#D6E5E5 - #9DCECE - #6CB7B8

CSS codes

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

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