#002F24 - #B6C3C0 | 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 #002F24 to #B6C3C0

#002F24 #B6C3C0

Calculate the color between two colors, #002F24 and #B6C3C0. 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)

#002F24 - #B6C3C0 | 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 #002F24 as 0% and #B6C3C0 as 100%.

0.0%	0.0% #002F24	RGB 0 47 36	#002F24
16.7%	16.7% #1E473E	RGB 30 71 62	#1E473E
33.3%	33.3% #3C6058	RGB 60 96 88	#3C6058
50.0%	50.0% #5B7972	RGB 91 121 114	#5B7972
66.7%	66.7% #79918C	RGB 121 145 140	#79918C
83.3%	83.3% #97AAA6	RGB 151 170 166	#97AAA6
100.0%	100.0% #B6C3C0	RGB 182 195 192	#B6C3C0

#002F24 #1E473E #3C6058 #5B7972 #79918C #97AAA6 #B6C3C0

#002F24 - #B6C3C0

HSV Blend

#002F24 - #B6C3C0 | 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 #002F24 as 0% and #B6C3C0 as 100%.

0.0%	0.0% #002F23	RGB 0 47 35	#002F23
16.7%	16.7% #0B4739	RGB 11 71 57	#0B4739
33.3%	33.3% #1D6050	RGB 29 96 80	#1D6050
50.0%	50.0% #38796A	RGB 56 121 106	#38796A
66.7%	66.7% #5A9184	RGB 90 145 132	#5A9184
83.3%	83.3% #84AAA1	RGB 132 170 161	#84AAA1
100.0%	100.0% #B6C3C0	RGB 182 195 192	#B6C3C0

#002F23 #0B4739 #1D6050 #38796A #5A9184 #84AAA1 #B6C3C0

#002F24 - #38796A - #B6C3C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002F23 0%, #38796A 50%, #B6C3C0 100%);
    background: -webkit-linear-gradient(top, #002F23 0%, #38796A 50%, #B6C3C0 100%);
    background: linear-gradient(to bottom, #002F23 0%, #38796A 50%, #B6C3C0 100%);
}
</style>