#72C5E3 - #2578AE | 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 #72C5E3 to #2578AE

#72C5E3 #2578AE

Calculate the color between two colors, #72C5E3 and #2578AE. 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)

#72C5E3 - #2578AE | 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 #72C5E3 as 0% and #2578AE as 100%.

0.0%	0.0% #72C5E3	RGB 114 197 227	#72C5E3
16.7%	16.7% #65B8DA	RGB 101 184 218	#65B8DA
33.3%	33.3% #58ABD1	RGB 88 171 209	#58ABD1
50.0%	50.0% #4B9EC8	RGB 75 158 200	#4B9EC8
66.7%	66.7% #3E91BF	RGB 62 145 191	#3E91BF
83.3%	83.3% #3184B6	RGB 49 132 182	#3184B6
100.0%	100.0% #2578AE	RGB 37 120 174	#2578AE

#72C5E3 #65B8DA #58ABD1 #4B9EC8 #3E91BF #3184B6 #2578AE

#72C5E3 - #2578AE

HSV Blend

#72C5E3 - #2578AE | 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 #72C5E3 as 0% and #2578AE as 100%.

0.0%	0.0% #72C5E3	RGB 114 197 227	#72C5E3
16.7%	16.7% #63B7DA	RGB 99 183 218	#63B7DA
33.3%	33.3% #54AAD1	RGB 84 170 209	#54AAD1
50.0%	50.0% #479EC8	RGB 71 158 200	#479EC8
66.7%	66.7% #3B91BF	RGB 59 145 191	#3B91BF
83.3%	83.3% #2F84B6	RGB 47 132 182	#2F84B6
100.0%	100.0% #2578AE	RGB 37 120 174	#2578AE

#72C5E3 #63B7DA #54AAD1 #479EC8 #3B91BF #2F84B6 #2578AE

#72C5E3 - #479EC8 - #2578AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72C5E3 0%, #479EC8 50%, #2578AE 100%);
    background: -webkit-linear-gradient(top, #72C5E3 0%, #479EC8 50%, #2578AE 100%);
    background: linear-gradient(to bottom, #72C5E3 0%, #479EC8 50%, #2578AE 100%);
}
</style>