#6E9AAA - #8EC5FD | 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 #6E9AAA to #8EC5FD

#6E9AAA #8EC5FD

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

#6E9AAA - #8EC5FD | 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 #6E9AAA as 0% and #8EC5FD as 100%.

0.0%	0.0% #6E9AAA	RGB 110 154 170	#6E9AAA
16.7%	16.7% #73A1B7	RGB 115 161 183	#73A1B7
33.3%	33.3% #78A8C5	RGB 120 168 197	#78A8C5
50.0%	50.0% #7EAFD3	RGB 126 175 211	#7EAFD3
66.7%	66.7% #83B6E1	RGB 131 182 225	#83B6E1
83.3%	83.3% #88BDEF	RGB 136 189 239	#88BDEF
100.0%	100.0% #8EC5FD	RGB 142 197 253	#8EC5FD

#6E9AAA #73A1B7 #78A8C5 #7EAFD3 #83B6E1 #88BDEF #8EC5FD

#6E9AAA - #8EC5FD

HSV Blend

#6E9AAA - #8EC5FD | 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 #6E9AAA as 0% and #8EC5FD as 100%.

0.0%	0.0% #6E9AAA	RGB 110 154 170	#6E9AAA
16.7%	16.7% #74A3B7	RGB 116 163 183	#74A3B7
33.3%	33.3% #7AABC5	RGB 122 171 197	#7AABC5
50.0%	50.0% #7FB3D3	RGB 127 179 211	#7FB3D3
66.7%	66.7% #84BAE1	RGB 132 186 225	#84BAE1
83.3%	83.3% #89BFEF	RGB 137 191 239	#89BFEF
100.0%	100.0% #8EC5FD	RGB 142 197 253	#8EC5FD

#6E9AAA #74A3B7 #7AABC5 #7FB3D3 #84BAE1 #89BFEF #8EC5FD

#6E9AAA - #7FB3D3 - #8EC5FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E9AAA 0%, #7FB3D3 50%, #8EC5FD 100%);
    background: -webkit-linear-gradient(top, #6E9AAA 0%, #7FB3D3 50%, #8EC5FD 100%);
    background: linear-gradient(to bottom, #6E9AAA 0%, #7FB3D3 50%, #8EC5FD 100%);
}
</style>