#6CBBCB - #D5EBF0 | 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 #6CBBCB to #D5EBF0

#6CBBCB #D5EBF0

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

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

0.0%	0.0% #6CBBCB	RGB 108 187 203	#6CBBCB
16.7%	16.7% #7DC3D1	RGB 125 195 209	#7DC3D1
33.3%	33.3% #8FCBD7	RGB 143 203 215	#8FCBD7
50.0%	50.0% #A0D3DD	RGB 160 211 221	#A0D3DD
66.7%	66.7% #B2DBE3	RGB 178 219 227	#B2DBE3
83.3%	83.3% #C3E3E9	RGB 195 227 233	#C3E3E9
100.0%	100.0% #D5EBF0	RGB 213 235 240	#D5EBF0

#6CBBCB #7DC3D1 #8FCBD7 #A0D3DD #B2DBE3 #C3E3E9 #D5EBF0

#6CBBCB - #D5EBF0

HSV Blend

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

0.0%	0.0% #6CBACB	RGB 108 186 203	#6CBACB
16.7%	16.7% #7BC2D1	RGB 123 194 209	#7BC2D1
33.3%	33.3% #8CCAD7	RGB 140 202 215	#8CCAD7
50.0%	50.0% #9DD2DD	RGB 157 210 221	#9DD2DD
66.7%	66.7% #AFDAE3	RGB 175 218 227	#AFDAE3
83.3%	83.3% #C1E2E9	RGB 193 226 233	#C1E2E9
100.0%	100.0% #D5EBF0	RGB 213 235 240	#D5EBF0

#6CBACB #7BC2D1 #8CCAD7 #9DD2DD #AFDAE3 #C1E2E9 #D5EBF0

#6CBBCB - #9DD2DD - #D5EBF0

CSS codes

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

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