#6CAEC2 - #D5E8ED | 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 #6CAEC2 to #D5E8ED

#6CAEC2 #D5E8ED

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

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

0.0%	0.0% #6CAEC2	RGB 108 174 194	#6CAEC2
16.7%	16.7% #7DB7C9	RGB 125 183 201	#7DB7C9
33.3%	33.3% #8FC1D0	RGB 143 193 208	#8FC1D0
50.0%	50.0% #A0CBD7	RGB 160 203 215	#A0CBD7
66.7%	66.7% #B2D4DE	RGB 178 212 222	#B2D4DE
83.3%	83.3% #C3DEE5	RGB 195 222 229	#C3DEE5
100.0%	100.0% #D5E8ED	RGB 213 232 237	#D5E8ED

#6CAEC2 #7DB7C9 #8FC1D0 #A0CBD7 #B2D4DE #C3DEE5 #D5E8ED

#6CAEC2 - #D5E8ED

HSV Blend

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

0.0%	0.0% #6CAEC2	RGB 108 174 194	#6CAEC2
16.7%	16.7% #7BB7C9	RGB 123 183 201	#7BB7C9
33.3%	33.3% #8BC0D0	RGB 139 192 208	#8BC0D0
50.0%	50.0% #9CCAD7	RGB 156 202 215	#9CCAD7
66.7%	66.7% #AED4DE	RGB 174 212 222	#AED4DE
83.3%	83.3% #C1DEE5	RGB 193 222 229	#C1DEE5
100.0%	100.0% #D5E8ED	RGB 213 232 237	#D5E8ED

#6CAEC2 #7BB7C9 #8BC0D0 #9CCAD7 #AED4DE #C1DEE5 #D5E8ED

#6CAEC2 - #9CCAD7 - #D5E8ED

CSS codes

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

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