#6EBDF3 - #1E6DC3 | 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 #6EBDF3 to #1E6DC3

#6EBDF3 #1E6DC3

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

#6EBDF3 - #1E6DC3 | 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 #6EBDF3 as 0% and #1E6DC3 as 100%.

0.0%	0.0% #6EBDF3	RGB 110 189 243	#6EBDF3
16.7%	16.7% #60AFEB	RGB 96 175 235	#60AFEB
33.3%	33.3% #53A2E3	RGB 83 162 227	#53A2E3
50.0%	50.0% #4695DB	RGB 70 149 219	#4695DB
66.7%	66.7% #3887D3	RGB 56 135 211	#3887D3
83.3%	83.3% #2B7ACB	RGB 43 122 203	#2B7ACB
100.0%	100.0% #1E6DC3	RGB 30 109 195	#1E6DC3

#6EBDF3 #60AFEB #53A2E3 #4695DB #3887D3 #2B7ACB #1E6DC3

#6EBDF3 - #1E6DC3

HSV Blend

#6EBDF3 - #1E6DC3 | 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 #6EBDF3 as 0% and #1E6DC3 as 100%.

0.0%	0.0% #6EBCF3	RGB 110 188 243	#6EBCF3
16.7%	16.7% #5EAFEB	RGB 94 175 235	#5EAFEB
33.3%	33.3% #50A1E3	RGB 80 161 227	#50A1E3
50.0%	50.0% #4294DB	RGB 66 148 219	#4294DB
66.7%	66.7% #3586D3	RGB 53 134 211	#3586D3
83.3%	83.3% #2979CB	RGB 41 121 203	#2979CB
100.0%	100.0% #1E6DC3	RGB 30 109 195	#1E6DC3

#6EBCF3 #5EAFEB #50A1E3 #4294DB #3586D3 #2979CB #1E6DC3

#6EBDF3 - #4294DB - #1E6DC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EBCF3 0%, #4294DB 50%, #1E6DC3 100%);
    background: -webkit-linear-gradient(top, #6EBCF3 0%, #4294DB 50%, #1E6DC3 100%);
    background: linear-gradient(to bottom, #6EBCF3 0%, #4294DB 50%, #1E6DC3 100%);
}
</style>