#004040 - #399071 | 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 #004040 to #399071

#004040 #399071

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

#004040 - #399071 | 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 #004040 as 0% and #399071 as 100%.

0.0%	0.0% #004040	RGB 0 64 64	#004040
16.7%	16.7% #094D48	RGB 9 77 72	#094D48
33.3%	33.3% #135A50	RGB 19 90 80	#135A50
50.0%	50.0% #1C6858	RGB 28 104 88	#1C6858
66.7%	66.7% #267560	RGB 38 117 96	#267560
83.3%	83.3% #2F8268	RGB 47 130 104	#2F8268
100.0%	100.0% #399071	RGB 57 144 113	#399071

#004040 #094D48 #135A50 #1C6858 #267560 #2F8268 #399071

#004040 - #399071

HSV Blend

#004040 - #399071 | 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 #004040 as 0% and #399071 as 100%.

0.0%	0.0% #004040	RGB 0 64 64	#004040
16.7%	16.7% #054D49	RGB 5 77 73	#054D49
33.3%	33.3% #0B5A51	RGB 11 90 81	#0B5A51
50.0%	50.0% #146859	RGB 20 104 89	#146859
66.7%	66.7% #1E7560	RGB 30 117 96	#1E7560
83.3%	83.3% #2B8268	RGB 43 130 104	#2B8268
100.0%	100.0% #399071	RGB 57 144 113	#399071

#004040 #054D49 #0B5A51 #146859 #1E7560 #2B8268 #399071

#004040 - #146859 - #399071

CSS codes

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

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