#48CFAE - #143B31 | 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 #48CFAE to #143B31

#48CFAE #143B31

Calculate the color between two colors, #48CFAE and #143B31. 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)

#48CFAE - #143B31 | 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 #48CFAE as 0% and #143B31 as 100%.

0.0%	0.0% #48CFAE	RGB 72 207 174	#48CFAE
16.7%	16.7% #3FB699	RGB 63 182 153	#3FB699
33.3%	33.3% #369D84	RGB 54 157 132	#369D84
50.0%	50.0% #2E856F	RGB 46 133 111	#2E856F
66.7%	66.7% #256C5A	RGB 37 108 90	#256C5A
83.3%	83.3% #1C5345	RGB 28 83 69	#1C5345
100.0%	100.0% #143B31	RGB 20 59 49	#143B31

#48CFAE #3FB699 #369D84 #2E856F #256C5A #1C5345 #143B31

#48CFAE - #143B31

HSV Blend

#48CFAE - #143B31 | 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 #48CFAE as 0% and #143B31 as 100%.

0.0%	0.0% #48CFAE	RGB 72 207 174	#48CFAE
16.7%	16.7% #3FB698	RGB 63 182 152	#3FB698
33.3%	33.3% #369D84	RGB 54 157 132	#369D84
50.0%	50.0% #2D856F	RGB 45 133 111	#2D856F
66.7%	66.7% #256C5A	RGB 37 108 90	#256C5A
83.3%	83.3% #1C5345	RGB 28 83 69	#1C5345
100.0%	100.0% #143B31	RGB 20 59 49	#143B31

#48CFAE #3FB698 #369D84 #2D856F #256C5A #1C5345 #143B31

#48CFAE - #2D856F - #143B31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48CFAE 0%, #2D856F 50%, #143B31 100%);
    background: -webkit-linear-gradient(top, #48CFAE 0%, #2D856F 50%, #143B31 100%);
    background: linear-gradient(to bottom, #48CFAE 0%, #2D856F 50%, #143B31 100%);
}
</style>