#6DC5E4 - #2279AF | 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 #6DC5E4 to #2279AF

#6DC5E4 #2279AF

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

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

0.0%	0.0% #6DC5E4	RGB 109 197 228	#6DC5E4
16.7%	16.7% #60B8DB	RGB 96 184 219	#60B8DB
33.3%	33.3% #54ABD2	RGB 84 171 210	#54ABD2
50.0%	50.0% #479FC9	RGB 71 159 201	#479FC9
66.7%	66.7% #3B92C0	RGB 59 146 192	#3B92C0
83.3%	83.3% #2E85B7	RGB 46 133 183	#2E85B7
100.0%	100.0% #2279AF	RGB 34 121 175	#2279AF

#6DC5E4 #60B8DB #54ABD2 #479FC9 #3B92C0 #2E85B7 #2279AF

#6DC5E4 - #2279AF

HSV Blend

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

0.0%	0.0% #6DC5E4	RGB 109 197 228	#6DC5E4
16.7%	16.7% #5EB8DB	RGB 94 184 219	#5EB8DB
33.3%	33.3% #50ABD2	RGB 80 171 210	#50ABD2
50.0%	50.0% #439EC9	RGB 67 158 201	#439EC9
66.7%	66.7% #3791C0	RGB 55 145 192	#3791C0
83.3%	83.3% #2C85B7	RGB 44 133 183	#2C85B7
100.0%	100.0% #2279AF	RGB 34 121 175	#2279AF

#6DC5E4 #5EB8DB #50ABD2 #439EC9 #3791C0 #2C85B7 #2279AF

#6DC5E4 - #439EC9 - #2279AF

CSS codes

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

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