#2D9FB4 - #0C2D33 | 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 #2D9FB4 to #0C2D33

#2D9FB4 #0C2D33

Calculate the color between two colors, #2D9FB4 and #0C2D33. 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)

#2D9FB4 - #0C2D33 | 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 #2D9FB4 as 0% and #0C2D33 as 100%.

0.0%	0.0% #2D9FB4	RGB 45 159 180	#2D9FB4
16.7%	16.7% #278C9E	RGB 39 140 158	#278C9E
33.3%	33.3% #227989	RGB 34 121 137	#227989
50.0%	50.0% #1C6673	RGB 28 102 115	#1C6673
66.7%	66.7% #17535E	RGB 23 83 94	#17535E
83.3%	83.3% #114048	RGB 17 64 72	#114048
100.0%	100.0% #0C2D33	RGB 12 45 51	#0C2D33

#2D9FB4 #278C9E #227989 #1C6673 #17535E #114048 #0C2D33

#2D9FB4 - #0C2D33

HSV Blend

#2D9FB4 - #0C2D33 | 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 #2D9FB4 as 0% and #0C2D33 as 100%.

0.0%	0.0% #2D9EB4	RGB 45 158 180	#2D9EB4
16.7%	16.7% #278B9E	RGB 39 139 158	#278B9E
33.3%	33.3% #217889	RGB 33 120 137	#217889
50.0%	50.0% #1C6573	RGB 28 101 115	#1C6573
66.7%	66.7% #16525E	RGB 22 82 94	#16525E
83.3%	83.3% #113F48	RGB 17 63 72	#113F48
100.0%	100.0% #0C2D33	RGB 12 45 51	#0C2D33

#2D9EB4 #278B9E #217889 #1C6573 #16525E #113F48 #0C2D33

#2D9FB4 - #1C6573 - #0C2D33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9EB4 0%, #1C6573 50%, #0C2D33 100%);
    background: -webkit-linear-gradient(top, #2D9EB4 0%, #1C6573 50%, #0C2D33 100%);
    background: linear-gradient(to bottom, #2D9EB4 0%, #1C6573 50%, #0C2D33 100%);
}
</style>