#6DB3E6 - #CBDBDF | 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 #6DB3E6 to #CBDBDF

#6DB3E6 #CBDBDF

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

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

0.0%	0.0% #6DB3E6	RGB 109 179 230	#6DB3E6
16.7%	16.7% #7CB9E4	RGB 124 185 228	#7CB9E4
33.3%	33.3% #8CC0E3	RGB 140 192 227	#8CC0E3
50.0%	50.0% #9CC7E2	RGB 156 199 226	#9CC7E2
66.7%	66.7% #ABCDE1	RGB 171 205 225	#ABCDE1
83.3%	83.3% #BBD4E0	RGB 187 212 224	#BBD4E0
100.0%	100.0% #CBDBDF	RGB 203 219 223	#CBDBDF

#6DB3E6 #7CB9E4 #8CC0E3 #9CC7E2 #ABCDE1 #BBD4E0 #CBDBDF

#6DB3E6 - #CBDBDF

HSV Blend

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

0.0%	0.0% #6DB3E6	RGB 109 179 230	#6DB3E6
16.7%	16.7% #7DBCE4	RGB 125 188 228	#7DBCE4
33.3%	33.3% #8DC5E3	RGB 141 197 227	#8DC5E3
50.0%	50.0% #9CCCE2	RGB 156 204 226	#9CCCE2
66.7%	66.7% #ACD2E1	RGB 172 210 225	#ACD2E1
83.3%	83.3% #BBD7E0	RGB 187 215 224	#BBD7E0
100.0%	100.0% #CBDBDF	RGB 203 219 223	#CBDBDF

#6DB3E6 #7DBCE4 #8DC5E3 #9CCCE2 #ACD2E1 #BBD7E0 #CBDBDF

#6DB3E6 - #9CCCE2 - #CBDBDF

CSS codes

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

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