#48BFBF - #009089 | 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 #48BFBF to #009089

#48BFBF #009089

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

#48BFBF - #009089 | 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 #48BFBF as 0% and #009089 as 100%.

0.0%	0.0% #48BFBF	RGB 72 191 191	#48BFBF
16.7%	16.7% #3CB7B6	RGB 60 183 182	#3CB7B6
33.3%	33.3% #30AFAD	RGB 48 175 173	#30AFAD
50.0%	50.0% #24A7A4	RGB 36 167 164	#24A7A4
66.7%	66.7% #189F9B	RGB 24 159 155	#189F9B
83.3%	83.3% #0C9792	RGB 12 151 146	#0C9792
100.0%	100.0% #009089	RGB 0 144 137	#009089

#48BFBF #3CB7B6 #30AFAD #24A7A4 #189F9B #0C9792 #009089

#48BFBF - #009089

HSV Blend

#48BFBF - #009089 | 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 #48BFBF as 0% and #009089 as 100%.

0.0%	0.0% #48BFBF	RGB 72 191 191	#48BFBF
16.7%	16.7% #39B7B6	RGB 57 183 182	#39B7B6
33.3%	33.3% #2CAFAD	RGB 44 175 173	#2CAFAD
50.0%	50.0% #1FA7A4	RGB 31 167 164	#1FA7A4
66.7%	66.7% #149F9B	RGB 20 159 155	#149F9B
83.3%	83.3% #099792	RGB 9 151 146	#099792
100.0%	100.0% #009089	RGB 0 144 137	#009089

#48BFBF #39B7B6 #2CAFAD #1FA7A4 #149F9B #099792 #009089

#48BFBF - #1FA7A4 - #009089

CSS codes

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

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