#088D68 - #01552F | 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 #088D68 to #01552F

#088D68 #01552F

Calculate the color between two colors, #088D68 and #01552F. 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)

#088D68 - #01552F | 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 #088D68 as 0% and #01552F as 100%.

0.0%	0.0% #088D68	RGB 8 141 104	#088D68
16.7%	16.7% #06835E	RGB 6 131 94	#06835E
33.3%	33.3% #057A55	RGB 5 122 85	#057A55
50.0%	50.0% #04714B	RGB 4 113 75	#04714B
66.7%	66.7% #036742	RGB 3 103 66	#036742
83.3%	83.3% #025E38	RGB 2 94 56	#025E38
100.0%	100.0% #01552F	RGB 1 85 47	#01552F

#088D68 #06835E #057A55 #04714B #036742 #025E38 #01552F

#088D68 - #01552F

HSV Blend

#088D68 - #01552F | 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 #088D68 as 0% and #01552F as 100%.

0.0%	0.0% #088D68	RGB 8 141 104	#088D68
16.7%	16.7% #06835D	RGB 6 131 93	#06835D
33.3%	33.3% #057A52	RGB 5 122 82	#057A52
50.0%	50.0% #037149	RGB 3 113 73	#037149
66.7%	66.7% #02673F	RGB 2 103 63	#02673F
83.3%	83.3% #015E37	RGB 1 94 55	#015E37
100.0%	100.0% #01552F	RGB 1 85 47	#01552F

#088D68 #06835D #057A52 #037149 #02673F #015E37 #01552F

#088D68 - #037149 - #01552F

CSS codes

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

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