#2D373C - #00243C | 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 #2D373C to #00243C

#2D373C #00243C

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

#2D373C - #00243C | 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 #2D373C as 0% and #00243C as 100%.

0.0%	0.0% #2D373C	RGB 45 55 60	#2D373C
16.7%	16.7% #25333C	RGB 37 51 60	#25333C
33.3%	33.3% #1E303C	RGB 30 48 60	#1E303C
50.0%	50.0% #162D3C	RGB 22 45 60	#162D3C
66.7%	66.7% #0E2A3C	RGB 14 42 60	#0E2A3C
83.3%	83.3% #07273C	RGB 7 39 60	#07273C
100.0%	100.0% #00243C	RGB 0 36 60	#00243C

#2D373C #25333C #1E303C #162D3C #0E2A3C #07273C #00243C

#2D373C - #00243C

HSV Blend

#2D373C - #00243C | 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 #2D373C as 0% and #00243C as 100%.

0.0%	0.0% #2D373C	RGB 45 55 60	#2D373C
16.7%	16.7% #25343C	RGB 37 52 60	#25343C
33.3%	33.3% #1E313C	RGB 30 49 60	#1E313C
50.0%	50.0% #162E3C	RGB 22 46 60	#162E3C
66.7%	66.7% #0F2B3C	RGB 15 43 60	#0F2B3C
83.3%	83.3% #07273C	RGB 7 39 60	#07273C
100.0%	100.0% #00243C	RGB 0 36 60	#00243C

#2D373C #25343C #1E313C #162E3C #0F2B3C #07273C #00243C

#2D373C - #162E3C - #00243C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D373C 0%, #162E3C 50%, #00243C 100%);
    background: -webkit-linear-gradient(top, #2D373C 0%, #162E3C 50%, #00243C 100%);
    background: linear-gradient(to bottom, #2D373C 0%, #162E3C 50%, #00243C 100%);
}
</style>