#6D9AA8 - #D5E2E6 | 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 #6D9AA8 to #D5E2E6

#6D9AA8 #D5E2E6

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

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

0.0%	0.0% #6D9AA8	RGB 109 154 168	#6D9AA8
16.7%	16.7% #7EA6B2	RGB 126 166 178	#7EA6B2
33.3%	33.3% #8FB2BC	RGB 143 178 188	#8FB2BC
50.0%	50.0% #A1BEC7	RGB 161 190 199	#A1BEC7
66.7%	66.7% #B2CAD1	RGB 178 202 209	#B2CAD1
83.3%	83.3% #C3D6DB	RGB 195 214 219	#C3D6DB
100.0%	100.0% #D5E2E6	RGB 213 226 230	#D5E2E6

#6D9AA8 #7EA6B2 #8FB2BC #A1BEC7 #B2CAD1 #C3D6DB #D5E2E6

#6D9AA8 - #D5E2E6

HSV Blend

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

0.0%	0.0% #6D9AA8	RGB 109 154 168	#6D9AA8
16.7%	16.7% #7BA5B2	RGB 123 165 178	#7BA5B2
33.3%	33.3% #8BB1BC	RGB 139 177 188	#8BB1BC
50.0%	50.0% #9CBDC7	RGB 156 189 199	#9CBDC7
66.7%	66.7% #AEC9D1	RGB 174 201 209	#AEC9D1
83.3%	83.3% #C1D5DB	RGB 193 213 219	#C1D5DB
100.0%	100.0% #D5E2E6	RGB 213 226 230	#D5E2E6

#6D9AA8 #7BA5B2 #8BB1BC #9CBDC7 #AEC9D1 #C1D5DB #D5E2E6

#6D9AA8 - #9CBDC7 - #D5E2E6

CSS codes

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

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