#00402C - #399056 | 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 #00402C to #399056

#00402C #399056

Calculate the color between two colors, #00402C and #399056. 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)

#00402C - #399056 | 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 #00402C as 0% and #399056 as 100%.

0.0%	0.0% #00402C	RGB 0 64 44	#00402C
16.7%	16.7% #094D33	RGB 9 77 51	#094D33
33.3%	33.3% #135A3A	RGB 19 90 58	#135A3A
50.0%	50.0% #1C6841	RGB 28 104 65	#1C6841
66.7%	66.7% #267548	RGB 38 117 72	#267548
83.3%	83.3% #2F824F	RGB 47 130 79	#2F824F
100.0%	100.0% #399056	RGB 57 144 86	#399056

#00402C #094D33 #135A3A #1C6841 #267548 #2F824F #399056

#00402C - #399056

HSV Blend

#00402C - #399056 | 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 #00402C as 0% and #399056 as 100%.

0.0%	0.0% #00402B	RGB 0 64 43	#00402B
16.7%	16.7% #054D32	RGB 5 77 50	#054D32
33.3%	33.3% #0B5A38	RGB 11 90 56	#0B5A38
50.0%	50.0% #14683F	RGB 20 104 63	#14683F
66.7%	66.7% #1E7545	RGB 30 117 69	#1E7545
83.3%	83.3% #2B824D	RGB 43 130 77	#2B824D
100.0%	100.0% #399056	RGB 57 144 86	#399056

#00402B #054D32 #0B5A38 #14683F #1E7545 #2B824D #399056

#00402C - #14683F - #399056

CSS codes

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

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