#002421 - #B6C0C0 | 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 #002421 to #B6C0C0

#002421 #B6C0C0

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

#002421 - #B6C0C0 | 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 #002421 as 0% and #B6C0C0 as 100%.

0.0%	0.0% #002421	RGB 0 36 33	#002421
16.7%	16.7% #1E3E3B	RGB 30 62 59	#1E3E3B
33.3%	33.3% #3C5856	RGB 60 88 86	#3C5856
50.0%	50.0% #5B7270	RGB 91 114 112	#5B7270
66.7%	66.7% #798C8B	RGB 121 140 139	#798C8B
83.3%	83.3% #97A6A5	RGB 151 166 165	#97A6A5
100.0%	100.0% #B6C0C0	RGB 182 192 192	#B6C0C0

#002421 #1E3E3B #3C5856 #5B7270 #798C8B #97A6A5 #B6C0C0

#002421 - #B6C0C0

HSV Blend

#002421 - #B6C0C0 | 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 #002421 as 0% and #B6C0C0 as 100%.

0.0%	0.0% #002421	RGB 0 36 33	#002421
16.7%	16.7% #093E3A	RGB 9 62 58	#093E3A
33.3%	33.3% #1B5854	RGB 27 88 84	#1B5854
50.0%	50.0% #36726F	RGB 54 114 111	#36726F
66.7%	66.7% #588C8A	RGB 88 140 138	#588C8A
83.3%	83.3% #83A6A5	RGB 131 166 165	#83A6A5
100.0%	100.0% #B6C0C0	RGB 182 192 192	#B6C0C0

#002421 #093E3A #1B5854 #36726F #588C8A #83A6A5 #B6C0C0

#002421 - #36726F - #B6C0C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002421 0%, #36726F 50%, #B6C0C0 100%);
    background: -webkit-linear-gradient(top, #002421 0%, #36726F 50%, #B6C0C0 100%);
    background: linear-gradient(to bottom, #002421 0%, #36726F 50%, #B6C0C0 100%);
}
</style>