#2B5C5E - #033746 | 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 #2B5C5E to #033746

#2B5C5E #033746

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

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

0.0%	0.0% #2B5C5E	RGB 43 92 94	#2B5C5E
16.7%	16.7% #24555A	RGB 36 85 90	#24555A
33.3%	33.3% #1D4F56	RGB 29 79 86	#1D4F56
50.0%	50.0% #174952	RGB 23 73 82	#174952
66.7%	66.7% #10434E	RGB 16 67 78	#10434E
83.3%	83.3% #093D4A	RGB 9 61 74	#093D4A
100.0%	100.0% #033746	RGB 3 55 70	#033746

#2B5C5E #24555A #1D4F56 #174952 #10434E #093D4A #033746

#2B5C5E - #033746

HSV Blend

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

0.0%	0.0% #2B5C5E	RGB 43 92 94	#2B5C5E
16.7%	16.7% #22565A	RGB 34 86 90	#22565A
33.3%	33.3% #1B5056	RGB 27 80 86	#1B5056
50.0%	50.0% #144952	RGB 20 73 82	#144952
66.7%	66.7% #0E434E	RGB 14 67 78	#0E434E
83.3%	83.3% #083D4A	RGB 8 61 74	#083D4A
100.0%	100.0% #033746	RGB 3 55 70	#033746

#2B5C5E #22565A #1B5056 #144952 #0E434E #083D4A #033746

#2B5C5E - #144952 - #033746

CSS codes

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

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