#013904 - #B6C6B6 | 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 #013904 to #B6C6B6

#013904 #B6C6B6

Calculate the color between two colors, #013904 and #B6C6B6. 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)

#013904 - #B6C6B6 | 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 #013904 as 0% and #B6C6B6 as 100%.

0.0%	0.0% #013904	RGB 1 57 4	#013904
16.7%	16.7% #1F5021	RGB 31 80 33	#1F5021
33.3%	33.3% #3D683F	RGB 61 104 63	#3D683F
50.0%	50.0% #5B7F5D	RGB 91 127 93	#5B7F5D
66.7%	66.7% #79977A	RGB 121 151 122	#79977A
83.3%	83.3% #97AE98	RGB 151 174 152	#97AE98
100.0%	100.0% #B6C6B6	RGB 182 198 182	#B6C6B6

#013904 #1F5021 #3D683F #5B7F5D #79977A #97AE98 #B6C6B6

#013904 - #B6C6B6

HSV Blend

#013904 - #B6C6B6 | 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 #013904 as 0% and #B6C6B6 as 100%.

0.0%	0.0% #003904	RGB 0 57 4	#003904
16.7%	16.7% #0D5010	RGB 13 80 16	#0D5010
33.3%	33.3% #216823	RGB 33 104 35	#216823
50.0%	50.0% #3B7F3D	RGB 59 127 61	#3B7F3D
66.7%	66.7% #5D975E	RGB 93 151 94	#5D975E
83.3%	83.3% #86AE86	RGB 134 174 134	#86AE86
100.0%	100.0% #B6C6B6	RGB 182 198 182	#B6C6B6

#003904 #0D5010 #216823 #3B7F3D #5D975E #86AE86 #B6C6B6

#013904 - #3B7F3D - #B6C6B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003904 0%, #3B7F3D 50%, #B6C6B6 100%);
    background: -webkit-linear-gradient(top, #003904 0%, #3B7F3D 50%, #B6C6B6 100%);
    background: linear-gradient(to bottom, #003904 0%, #3B7F3D 50%, #B6C6B6 100%);
}
</style>