#6CBFC7 - #D5EBEF | 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 #6CBFC7 to #D5EBEF

#6CBFC7 #D5EBEF

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

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

0.0%	0.0% #6CBFC7	RGB 108 191 199	#6CBFC7
16.7%	16.7% #7DC6CD	RGB 125 198 205	#7DC6CD
33.3%	33.3% #8FCDD4	RGB 143 205 212	#8FCDD4
50.0%	50.0% #A0D5DB	RGB 160 213 219	#A0D5DB
66.7%	66.7% #B2DCE1	RGB 178 220 225	#B2DCE1
83.3%	83.3% #C3E3E8	RGB 195 227 232	#C3E3E8
100.0%	100.0% #D5EBEF	RGB 213 235 239	#D5EBEF

#6CBFC7 #7DC6CD #8FCDD4 #A0D5DB #B2DCE1 #C3E3E8 #D5EBEF

#6CBFC7 - #D5EBEF

HSV Blend

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

0.0%	0.0% #6CBFC7	RGB 108 191 199	#6CBFC7
16.7%	16.7% #7BC5CD	RGB 123 197 205	#7BC5CD
33.3%	33.3% #8BCCD4	RGB 139 204 212	#8BCCD4
50.0%	50.0% #9DD3DB	RGB 157 211 219	#9DD3DB
66.7%	66.7% #AEDAE1	RGB 174 218 225	#AEDAE1
83.3%	83.3% #C1E2E8	RGB 193 226 232	#C1E2E8
100.0%	100.0% #D5EBEF	RGB 213 235 239	#D5EBEF

#6CBFC7 #7BC5CD #8BCCD4 #9DD3DB #AEDAE1 #C1E2E8 #D5EBEF

#6CBFC7 - #9DD3DB - #D5EBEF

CSS codes

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

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