#0F525E - #517EB6 | 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 #0F525E to #517EB6

#0F525E #517EB6

Calculate the color between two colors, #0F525E and #517EB6. 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)

#0F525E - #517EB6 | 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 #0F525E as 0% and #517EB6 as 100%.

0.0%	0.0% #0F525E	RGB 15 82 94	#0F525E
16.7%	16.7% #1A596C	RGB 26 89 108	#1A596C
33.3%	33.3% #25607B	RGB 37 96 123	#25607B
50.0%	50.0% #30688A	RGB 48 104 138	#30688A
66.7%	66.7% #3B6F98	RGB 59 111 152	#3B6F98
83.3%	83.3% #4676A7	RGB 70 118 167	#4676A7
100.0%	100.0% #517EB6	RGB 81 126 182	#517EB6

#0F525E #1A596C #25607B #30688A #3B6F98 #4676A7 #517EB6

#0F525E - #517EB6

HSV Blend

#0F525E - #517EB6 | 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 #0F525E as 0% and #517EB6 as 100%.

0.0%	0.0% #0E515E	RGB 14 81 94	#0E515E
16.7%	16.7% #16596C	RGB 22 89 108	#16596C
33.3%	33.3% #1F617B	RGB 31 97 123	#1F617B
50.0%	50.0% #29678A	RGB 41 103 138	#29678A
66.7%	66.7% #356E98	RGB 53 110 152	#356E98
83.3%	83.3% #4276A7	RGB 66 118 167	#4276A7
100.0%	100.0% #517EB6	RGB 81 126 182	#517EB6

#0E515E #16596C #1F617B #29678A #356E98 #4276A7 #517EB6

#0F525E - #29678A - #517EB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E515E 0%, #29678A 50%, #517EB6 100%);
    background: -webkit-linear-gradient(top, #0E515E 0%, #29678A 50%, #517EB6 100%);
    background: linear-gradient(to bottom, #0E515E 0%, #29678A 50%, #517EB6 100%);
}
</style>