#48CFAE - #00A07A | 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 #00A07A

#48CFAE #00A07A

Calculate the color between two colors, #48CFAE and #00A07A. 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 - #00A07A | 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 #00A07A as 100%.

0.0%	0.0% #48CFAE	RGB 72 207 174	#48CFAE
16.7%	16.7% #3CC7A5	RGB 60 199 165	#3CC7A5
33.3%	33.3% #30BF9C	RGB 48 191 156	#30BF9C
50.0%	50.0% #24B794	RGB 36 183 148	#24B794
66.7%	66.7% #18AF8B	RGB 24 175 139	#18AF8B
83.3%	83.3% #0CA782	RGB 12 167 130	#0CA782
100.0%	100.0% #00A07A	RGB 0 160 122	#00A07A

#48CFAE #3CC7A5 #30BF9C #24B794 #18AF8B #0CA782 #00A07A

#48CFAE - #00A07A

HSV Blend

#48CFAE - #00A07A | 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 #00A07A as 100%.

0.0%	0.0% #48CFAE	RGB 72 207 174	#48CFAE
16.7%	16.7% #39C7A4	RGB 57 199 164	#39C7A4
33.3%	33.3% #2CBF9B	RGB 44 191 155	#2CBF9B
50.0%	50.0% #1FB792	RGB 31 183 146	#1FB792
66.7%	66.7% #14AF8A	RGB 20 175 138	#14AF8A
83.3%	83.3% #09A782	RGB 9 167 130	#09A782
100.0%	100.0% #00A07A	RGB 0 160 122	#00A07A

#48CFAE #39C7A4 #2CBF9B #1FB792 #14AF8A #09A782 #00A07A

#48CFAE - #1FB792 - #00A07A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48CFAE 0%, #1FB792 50%, #00A07A 100%);
    background: -webkit-linear-gradient(top, #48CFAE 0%, #1FB792 50%, #00A07A 100%);
    background: linear-gradient(to bottom, #48CFAE 0%, #1FB792 50%, #00A07A 100%);
}
</style>