#0087C8 - #13426F | 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 #0087C8 to #13426F

#0087C8 #13426F

Calculate the color between two colors, #0087C8 and #13426F. 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)

#0087C8 - #13426F | 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 #0087C8 as 0% and #13426F as 100%.

0.0%	0.0% #0087C8	RGB 0 135 200	#0087C8
16.7%	16.7% #037BB9	RGB 3 123 185	#037BB9
33.3%	33.3% #0670AA	RGB 6 112 170	#0670AA
50.0%	50.0% #09649B	RGB 9 100 155	#09649B
66.7%	66.7% #0C598C	RGB 12 89 140	#0C598C
83.3%	83.3% #0F4D7D	RGB 15 77 125	#0F4D7D
100.0%	100.0% #13426F	RGB 19 66 111	#13426F

#0087C8 #037BB9 #0670AA #09649B #0C598C #0F4D7D #13426F

#0087C8 - #13426F

HSV Blend

#0087C8 - #13426F | 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 #0087C8 as 0% and #13426F as 100%.

0.0%	0.0% #0087C8	RGB 0 135 200	#0087C8
16.7%	16.7% #0579B9	RGB 5 121 185	#0579B9
33.3%	33.3% #096DAA	RGB 9 109 170	#096DAA
50.0%	50.0% #0D619B	RGB 13 97 155	#0D619B
66.7%	66.7% #10568C	RGB 16 86 140	#10568C
83.3%	83.3% #114C7D	RGB 17 76 125	#114C7D
100.0%	100.0% #13426F	RGB 19 66 111	#13426F

#0087C8 #0579B9 #096DAA #0D619B #10568C #114C7D #13426F

#0087C8 - #0D619B - #13426F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0087C8 0%, #0D619B 50%, #13426F 100%);
    background: -webkit-linear-gradient(top, #0087C8 0%, #0D619B 50%, #13426F 100%);
    background: linear-gradient(to bottom, #0087C8 0%, #0D619B 50%, #13426F 100%);
}
</style>