#1A3030 - #002018 | 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 #1A3030 to #002018

#1A3030 #002018

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

#1A3030 - #002018 | 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 #1A3030 as 0% and #002018 as 100%.

0.0%	0.0% #1A3030	RGB 26 48 48	#1A3030
16.7%	16.7% #152D2C	RGB 21 45 44	#152D2C
33.3%	33.3% #112A28	RGB 17 42 40	#112A28
50.0%	50.0% #0D2824	RGB 13 40 36	#0D2824
66.7%	66.7% #082520	RGB 8 37 32	#082520
83.3%	83.3% #04221C	RGB 4 34 28	#04221C
100.0%	100.0% #002018	RGB 0 32 24	#002018

#1A3030 #152D2C #112A28 #0D2824 #082520 #04221C #002018

#1A3030 - #002018

HSV Blend

#1A3030 - #002018 | 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 #1A3030 as 0% and #002018 as 100%.

0.0%	0.0% #1A3030	RGB 26 48 48	#1A3030
16.7%	16.7% #142D2C	RGB 20 45 44	#142D2C
33.3%	33.3% #0F2A28	RGB 15 42 40	#0F2A28
50.0%	50.0% #0A2824	RGB 10 40 36	#0A2824
66.7%	66.7% #062520	RGB 6 37 32	#062520
83.3%	83.3% #03221C	RGB 3 34 28	#03221C
100.0%	100.0% #002018	RGB 0 32 24	#002018

#1A3030 #142D2C #0F2A28 #0A2824 #062520 #03221C #002018

#1A3030 - #0A2824 - #002018

CSS codes

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

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