#6E96A8 - #D5E0E6 | 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 #6E96A8 to #D5E0E6

#6E96A8 #D5E0E6

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

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

0.0%	0.0% #6E96A8	RGB 110 150 168	#6E96A8
16.7%	16.7% #7FA2B2	RGB 127 162 178	#7FA2B2
33.3%	33.3% #90AEBC	RGB 144 174 188	#90AEBC
50.0%	50.0% #A1BBC7	RGB 161 187 199	#A1BBC7
66.7%	66.7% #B2C7D1	RGB 178 199 209	#B2C7D1
83.3%	83.3% #C3D3DB	RGB 195 211 219	#C3D3DB
100.0%	100.0% #D5E0E6	RGB 213 224 230	#D5E0E6

#6E96A8 #7FA2B2 #90AEBC #A1BBC7 #B2C7D1 #C3D3DB #D5E0E6

#6E96A8 - #D5E0E6

HSV Blend

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

0.0%	0.0% #6E96A8	RGB 110 150 168	#6E96A8
16.7%	16.7% #7CA1B2	RGB 124 161 178	#7CA1B2
33.3%	33.3% #8CADBC	RGB 140 173 188	#8CADBC
50.0%	50.0% #9DB9C7	RGB 157 185 199	#9DB9C7
66.7%	66.7% #AEC5D1	RGB 174 197 209	#AEC5D1
83.3%	83.3% #C1D2DB	RGB 193 210 219	#C1D2DB
100.0%	100.0% #D5E0E6	RGB 213 224 230	#D5E0E6

#6E96A8 #7CA1B2 #8CADBC #9DB9C7 #AEC5D1 #C1D2DB #D5E0E6

#6E96A8 - #9DB9C7 - #D5E0E6

CSS codes

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

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