#6CC5E1 - #2279AB | 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 #6CC5E1 to #2279AB

#6CC5E1 #2279AB

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

#6CC5E1 - #2279AB | 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 #6CC5E1 as 0% and #2279AB as 100%.

0.0%	0.0% #6CC5E1	RGB 108 197 225	#6CC5E1
16.7%	16.7% #5FB8D8	RGB 95 184 216	#5FB8D8
33.3%	33.3% #53ABCF	RGB 83 171 207	#53ABCF
50.0%	50.0% #479FC6	RGB 71 159 198	#479FC6
66.7%	66.7% #3A92BD	RGB 58 146 189	#3A92BD
83.3%	83.3% #2E85B4	RGB 46 133 180	#2E85B4
100.0%	100.0% #2279AB	RGB 34 121 171	#2279AB

#6CC5E1 #5FB8D8 #53ABCF #479FC6 #3A92BD #2E85B4 #2279AB

#6CC5E1 - #2279AB

HSV Blend

#6CC5E1 - #2279AB | 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 #6CC5E1 as 0% and #2279AB as 100%.

0.0%	0.0% #6CC5E1	RGB 108 197 225	#6CC5E1
16.7%	16.7% #5DB8D8	RGB 93 184 216	#5DB8D8
33.3%	33.3% #4FABCF	RGB 79 171 207	#4FABCF
50.0%	50.0% #439EC6	RGB 67 158 198	#439EC6
66.7%	66.7% #3791BD	RGB 55 145 189	#3791BD
83.3%	83.3% #2C85B4	RGB 44 133 180	#2C85B4
100.0%	100.0% #2279AB	RGB 34 121 171	#2279AB

#6CC5E1 #5DB8D8 #4FABCF #439EC6 #3791BD #2C85B4 #2279AB

#6CC5E1 - #439EC6 - #2279AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CC5E1 0%, #439EC6 50%, #2279AB 100%);
    background: -webkit-linear-gradient(top, #6CC5E1 0%, #439EC6 50%, #2279AB 100%);
    background: linear-gradient(to bottom, #6CC5E1 0%, #439EC6 50%, #2279AB 100%);
}
</style>