#6D9AAC - #D5E1E7 | 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 #6D9AAC to #D5E1E7

#6D9AAC #D5E1E7

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

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

0.0%	0.0% #6D9AAC	RGB 109 154 172	#6D9AAC
16.7%	16.7% #7EA5B5	RGB 126 165 181	#7EA5B5
33.3%	33.3% #8FB1BF	RGB 143 177 191	#8FB1BF
50.0%	50.0% #A1BDC9	RGB 161 189 201	#A1BDC9
66.7%	66.7% #B2C9D3	RGB 178 201 211	#B2C9D3
83.3%	83.3% #C3D5DD	RGB 195 213 221	#C3D5DD
100.0%	100.0% #D5E1E7	RGB 213 225 231	#D5E1E7

#6D9AAC #7EA5B5 #8FB1BF #A1BDC9 #B2C9D3 #C3D5DD #D5E1E7

#6D9AAC - #D5E1E7

HSV Blend

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

0.0%	0.0% #6D9AAC	RGB 109 154 172	#6D9AAC
16.7%	16.7% #7BA4B5	RGB 123 164 181	#7BA4B5
33.3%	33.3% #8BB0BF	RGB 139 176 191	#8BB0BF
50.0%	50.0% #9CBBC9	RGB 156 187 201	#9CBBC9
66.7%	66.7% #AEC7D3	RGB 174 199 211	#AEC7D3
83.3%	83.3% #C1D4DD	RGB 193 212 221	#C1D4DD
100.0%	100.0% #D5E1E7	RGB 213 225 231	#D5E1E7

#6D9AAC #7BA4B5 #8BB0BF #9CBBC9 #AEC7D3 #C1D4DD #D5E1E7

#6D9AAC - #9CBBC9 - #D5E1E7

CSS codes

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

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