#45ABC6 - #185F80 | 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 #45ABC6 to #185F80

#45ABC6 #185F80

Calculate the color between two colors, #45ABC6 and #185F80. 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)

#45ABC6 - #185F80 | 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 #45ABC6 as 0% and #185F80 as 100%.

0.0%	0.0% #45ABC6	RGB 69 171 198	#45ABC6
16.7%	16.7% #3D9EBA	RGB 61 158 186	#3D9EBA
33.3%	33.3% #3691AE	RGB 54 145 174	#3691AE
50.0%	50.0% #2E85A3	RGB 46 133 163	#2E85A3
66.7%	66.7% #277897	RGB 39 120 151	#277897
83.3%	83.3% #1F6B8B	RGB 31 107 139	#1F6B8B
100.0%	100.0% #185F80	RGB 24 95 128	#185F80

#45ABC6 #3D9EBA #3691AE #2E85A3 #277897 #1F6B8B #185F80

#45ABC6 - #185F80

HSV Blend

#45ABC6 - #185F80 | 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 #45ABC6 as 0% and #185F80 as 100%.

0.0%	0.0% #44ABC6	RGB 68 171 198	#44ABC6
16.7%	16.7% #3B9DBA	RGB 59 157 186	#3B9DBA
33.3%	33.3% #3390AE	RGB 51 144 174	#3390AE
50.0%	50.0% #2B83A3	RGB 43 131 163	#2B83A3
66.7%	66.7% #247797	RGB 36 119 151	#247797
83.3%	83.3% #1D6A8B	RGB 29 106 139	#1D6A8B
100.0%	100.0% #185F80	RGB 24 95 128	#185F80

#44ABC6 #3B9DBA #3390AE #2B83A3 #247797 #1D6A8B #185F80

#45ABC6 - #2B83A3 - #185F80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44ABC6 0%, #2B83A3 50%, #185F80 100%);
    background: -webkit-linear-gradient(top, #44ABC6 0%, #2B83A3 50%, #185F80 100%);
    background: linear-gradient(to bottom, #44ABC6 0%, #2B83A3 50%, #185F80 100%);
}
</style>