#293C3E - #002C3E | 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 #293C3E to #002C3E

#293C3E #002C3E

Calculate the color between two colors, #293C3E and #002C3E. 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)

#293C3E - #002C3E | 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 #293C3E as 0% and #002C3E as 100%.

0.0%	0.0% #293C3E	RGB 41 60 62	#293C3E
16.7%	16.7% #22393E	RGB 34 57 62	#22393E
33.3%	33.3% #1B363E	RGB 27 54 62	#1B363E
50.0%	50.0% #14343E	RGB 20 52 62	#14343E
66.7%	66.7% #0D313E	RGB 13 49 62	#0D313E
83.3%	83.3% #062E3E	RGB 6 46 62	#062E3E
100.0%	100.0% #002C3E	RGB 0 44 62	#002C3E

#293C3E #22393E #1B363E #14343E #0D313E #062E3E #002C3E

#293C3E - #002C3E

HSV Blend

#293C3E - #002C3E | 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 #293C3E as 0% and #002C3E as 100%.

0.0%	0.0% #293C3E	RGB 41 60 62	#293C3E
16.7%	16.7% #223A3E	RGB 34 58 62	#223A3E
33.3%	33.3% #1B383E	RGB 27 56 62	#1B383E
50.0%	50.0% #14353E	RGB 20 53 62	#14353E
66.7%	66.7% #0D333E	RGB 13 51 62	#0D333E
83.3%	83.3% #062F3E	RGB 6 47 62	#062F3E
100.0%	100.0% #002C3E	RGB 0 44 62	#002C3E

#293C3E #223A3E #1B383E #14353E #0D333E #062F3E #002C3E

#293C3E - #14353E - #002C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #293C3E 0%, #14353E 50%, #002C3E 100%);
    background: -webkit-linear-gradient(top, #293C3E 0%, #14353E 50%, #002C3E 100%);
    background: linear-gradient(to bottom, #293C3E 0%, #14353E 50%, #002C3E 100%);
}
</style>