#6DA4AB - #D5E5E7 | 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 #6DA4AB to #D5E5E7

#6DA4AB #D5E5E7

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

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

0.0%	0.0% #6DA4AB	RGB 109 164 171	#6DA4AB
16.7%	16.7% #7EAEB5	RGB 126 174 181	#7EAEB5
33.3%	33.3% #8FB9BF	RGB 143 185 191	#8FB9BF
50.0%	50.0% #A1C4C9	RGB 161 196 201	#A1C4C9
66.7%	66.7% #B2CFD3	RGB 178 207 211	#B2CFD3
83.3%	83.3% #C3DADD	RGB 195 218 221	#C3DADD
100.0%	100.0% #D5E5E7	RGB 213 229 231	#D5E5E7

#6DA4AB #7EAEB5 #8FB9BF #A1C4C9 #B2CFD3 #C3DADD #D5E5E7

#6DA4AB - #D5E5E7

HSV Blend

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

0.0%	0.0% #6DA4AB	RGB 109 164 171	#6DA4AB
16.7%	16.7% #7BAEB5	RGB 123 174 181	#7BAEB5
33.3%	33.3% #8BB9BF	RGB 139 185 191	#8BB9BF
50.0%	50.0% #9CC4C9	RGB 156 196 201	#9CC4C9
66.7%	66.7% #AECED3	RGB 174 206 211	#AECED3
83.3%	83.3% #C1D9DD	RGB 193 217 221	#C1D9DD
100.0%	100.0% #D5E5E7	RGB 213 229 231	#D5E5E7

#6DA4AB #7BAEB5 #8BB9BF #9CC4C9 #AECED3 #C1D9DD #D5E5E7

#6DA4AB - #9CC4C9 - #D5E5E7

CSS codes

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

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