#1F2D3E - #001C26 | 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 #1F2D3E to #001C26

#1F2D3E #001C26

Calculate the color between two colors, #1F2D3E and #001C26. 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)

#1F2D3E - #001C26 | 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 #1F2D3E as 0% and #001C26 as 100%.

0.0%	0.0% #1F2D3E	RGB 31 45 62	#1F2D3E
16.7%	16.7% #192A3A	RGB 25 42 58	#192A3A
33.3%	33.3% #142736	RGB 20 39 54	#142736
50.0%	50.0% #0F2432	RGB 15 36 50	#0F2432
66.7%	66.7% #0A212E	RGB 10 33 46	#0A212E
83.3%	83.3% #051E2A	RGB 5 30 42	#051E2A
100.0%	100.0% #001C26	RGB 0 28 38	#001C26

#1F2D3E #192A3A #142736 #0F2432 #0A212E #051E2A #001C26

#1F2D3E - #001C26

HSV Blend

#1F2D3E - #001C26 | 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 #1F2D3E as 0% and #001C26 as 100%.

0.0%	0.0% #1F2C3E	RGB 31 44 62	#1F2C3E
16.7%	16.7% #18293A	RGB 24 41 58	#18293A
33.3%	33.3% #122536	RGB 18 37 54	#122536
50.0%	50.0% #0C2232	RGB 12 34 50	#0C2232
66.7%	66.7% #07202E	RGB 7 32 46	#07202E
83.3%	83.3% #031E2A	RGB 3 30 42	#031E2A
100.0%	100.0% #001C26	RGB 0 28 38	#001C26

#1F2C3E #18293A #122536 #0C2232 #07202E #031E2A #001C26

#1F2D3E - #0C2232 - #001C26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F2C3E 0%, #0C2232 50%, #001C26 100%);
    background: -webkit-linear-gradient(top, #1F2C3E 0%, #0C2232 50%, #001C26 100%);
    background: linear-gradient(to bottom, #1F2C3E 0%, #0C2232 50%, #001C26 100%);
}
</style>