#48DFDF - #00B8BC | 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 #48DFDF to #00B8BC

#48DFDF #00B8BC

Calculate the color between two colors, #48DFDF and #00B8BC. 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)

#48DFDF - #00B8BC | 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 #48DFDF as 0% and #00B8BC as 100%.

0.0%	0.0% #48DFDF	RGB 72 223 223	#48DFDF
16.7%	16.7% #3CD8D9	RGB 60 216 217	#3CD8D9
33.3%	33.3% #30D2D3	RGB 48 210 211	#30D2D3
50.0%	50.0% #24CBCD	RGB 36 203 205	#24CBCD
66.7%	66.7% #18C5C7	RGB 24 197 199	#18C5C7
83.3%	83.3% #0CBEC1	RGB 12 190 193	#0CBEC1
100.0%	100.0% #00B8BC	RGB 0 184 188	#00B8BC

#48DFDF #3CD8D9 #30D2D3 #24CBCD #18C5C7 #0CBEC1 #00B8BC

#48DFDF - #00B8BC

HSV Blend

#48DFDF - #00B8BC | 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 #48DFDF as 0% and #00B8BC as 100%.

0.0%	0.0% #48DFDF	RGB 72 223 223	#48DFDF
16.7%	16.7% #3AD8D9	RGB 58 216 217	#3AD8D9
33.3%	33.3% #2DD2D3	RGB 45 210 211	#2DD2D3
50.0%	50.0% #21CBCD	RGB 33 203 205	#21CBCD
66.7%	66.7% #15C5C7	RGB 21 197 199	#15C5C7
83.3%	83.3% #0ABEC1	RGB 10 190 193	#0ABEC1
100.0%	100.0% #00B8BC	RGB 0 184 188	#00B8BC

#48DFDF #3AD8D9 #2DD2D3 #21CBCD #15C5C7 #0ABEC1 #00B8BC

#48DFDF - #21CBCD - #00B8BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48DFDF 0%, #21CBCD 50%, #00B8BC 100%);
    background: -webkit-linear-gradient(top, #48DFDF 0%, #21CBCD 50%, #00B8BC 100%);
    background: linear-gradient(to bottom, #48DFDF 0%, #21CBCD 50%, #00B8BC 100%);
}
</style>