#0F2B5E - #40AAAF | 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 #0F2B5E to #40AAAF

#0F2B5E #40AAAF

Calculate the color between two colors, #0F2B5E and #40AAAF. 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)

#0F2B5E - #40AAAF | 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 #0F2B5E as 0% and #40AAAF as 100%.

0.0%	0.0% #0F2B5E	RGB 15 43 94	#0F2B5E
16.7%	16.7% #17406B	RGB 23 64 107	#17406B
33.3%	33.3% #1F5579	RGB 31 85 121	#1F5579
50.0%	50.0% #276A86	RGB 39 106 134	#276A86
66.7%	66.7% #2F7F94	RGB 47 127 148	#2F7F94
83.3%	83.3% #3794A1	RGB 55 148 161	#3794A1
100.0%	100.0% #40AAAF	RGB 64 170 175	#40AAAF

#0F2B5E #17406B #1F5579 #276A86 #2F7F94 #3794A1 #40AAAF

#0F2B5E - #40AAAF

HSV Blend

#0F2B5E - #40AAAF | 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 #0F2B5E as 0% and #40AAAF as 100%.

0.0%	0.0% #0E2B5E	RGB 14 43 94	#0E2B5E
16.7%	16.7% #143C6B	RGB 20 60 107	#143C6B
33.3%	33.3% #1B4F79	RGB 27 79 121	#1B4F79
50.0%	50.0% #236486	RGB 35 100 134	#236486
66.7%	66.7% #2B7A94	RGB 43 122 148	#2B7A94
83.3%	83.3% #3591A1	RGB 53 145 161	#3591A1
100.0%	100.0% #40AAAF	RGB 64 170 175	#40AAAF

#0E2B5E #143C6B #1B4F79 #236486 #2B7A94 #3591A1 #40AAAF

#0F2B5E - #236486 - #40AAAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E2B5E 0%, #236486 50%, #40AAAF 100%);
    background: -webkit-linear-gradient(top, #0E2B5E 0%, #236486 50%, #40AAAF 100%);
    background: linear-gradient(to bottom, #0E2B5E 0%, #236486 50%, #40AAAF 100%);
}
</style>