#1F5A8C - #82ACBF | 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 #1F5A8C to #82ACBF

#1F5A8C #82ACBF

Calculate the color between two colors, #1F5A8C and #82ACBF. 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)

#1F5A8C - #82ACBF | 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 #1F5A8C as 0% and #82ACBF as 100%.

0.0%	0.0% #1F5A8C	RGB 31 90 140	#1F5A8C
16.7%	16.7% #2F6794	RGB 47 103 148	#2F6794
33.3%	33.3% #40759D	RGB 64 117 157	#40759D
50.0%	50.0% #5083A5	RGB 80 131 165	#5083A5
66.7%	66.7% #6190AE	RGB 97 144 174	#6190AE
83.3%	83.3% #719EB6	RGB 113 158 182	#719EB6
100.0%	100.0% #82ACBF	RGB 130 172 191	#82ACBF

#1F5A8C #2F6794 #40759D #5083A5 #6190AE #719EB6 #82ACBF

#1F5A8C - #82ACBF

HSV Blend

#1F5A8C - #82ACBF | 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 #1F5A8C as 0% and #82ACBF as 100%.

0.0%	0.0% #1F598C	RGB 31 89 140	#1F598C
16.7%	16.7% #2C6794	RGB 44 103 148	#2C6794
33.3%	33.3% #3A749D	RGB 58 116 157	#3A749D
50.0%	50.0% #4A82A5	RGB 74 130 165	#4A82A5
66.7%	66.7% #5B90AE	RGB 91 144 174	#5B90AE
83.3%	83.3% #6E9EB6	RGB 110 158 182	#6E9EB6
100.0%	100.0% #82ACBF	RGB 130 172 191	#82ACBF

#1F598C #2C6794 #3A749D #4A82A5 #5B90AE #6E9EB6 #82ACBF

#1F5A8C - #4A82A5 - #82ACBF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F598C 0%, #4A82A5 50%, #82ACBF 100%);
    background: -webkit-linear-gradient(top, #1F598C 0%, #4A82A5 50%, #82ACBF 100%);
    background: linear-gradient(to bottom, #1F598C 0%, #4A82A5 50%, #82ACBF 100%);
}
</style>