#299EB6 - #0B2D33 | 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 #299EB6 to #0B2D33

#299EB6 #0B2D33

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

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

0.0%	0.0% #299EB6	RGB 41 158 182	#299EB6
16.7%	16.7% #248BA0	RGB 36 139 160	#248BA0
33.3%	33.3% #1F788A	RGB 31 120 138	#1F788A
50.0%	50.0% #1A6574	RGB 26 101 116	#1A6574
66.7%	66.7% #15525E	RGB 21 82 94	#15525E
83.3%	83.3% #103F48	RGB 16 63 72	#103F48
100.0%	100.0% #0B2D33	RGB 11 45 51	#0B2D33

#299EB6 #248BA0 #1F788A #1A6574 #15525E #103F48 #0B2D33

#299EB6 - #0B2D33

HSV Blend

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

0.0%	0.0% #299EB6	RGB 41 158 182	#299EB6
16.7%	16.7% #238BA0	RGB 35 139 160	#238BA0
33.3%	33.3% #1E788A	RGB 30 120 138	#1E788A
50.0%	50.0% #196574	RGB 25 101 116	#196574
66.7%	66.7% #14535E	RGB 20 83 94	#14535E
83.3%	83.3% #0F4048	RGB 15 64 72	#0F4048
100.0%	100.0% #0B2D33	RGB 11 45 51	#0B2D33

#299EB6 #238BA0 #1E788A #196574 #14535E #0F4048 #0B2D33

#299EB6 - #196574 - #0B2D33

CSS codes

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

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