#1FBABC - #BFEAEB | 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 #1FBABC to #BFEAEB

#1FBABC #BFEAEB

Calculate the color between two colors, #1FBABC and #BFEAEB. 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)

#1FBABC - #BFEAEB | 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 #1FBABC as 0% and #BFEAEB as 100%.

0.0%	0.0% #1FBABC	RGB 31 186 188	#1FBABC
16.7%	16.7% #39C2C3	RGB 57 194 195	#39C2C3
33.3%	33.3% #54CACB	RGB 84 202 203	#54CACB
50.0%	50.0% #6FD2D3	RGB 111 210 211	#6FD2D3
66.7%	66.7% #89DADB	RGB 137 218 219	#89DADB
83.3%	83.3% #A4E2E3	RGB 164 226 227	#A4E2E3
100.0%	100.0% #BFEAEB	RGB 191 234 235	#BFEAEB

#1FBABC #39C2C3 #54CACB #6FD2D3 #89DADB #A4E2E3 #BFEAEB

#1FBABC - #BFEAEB

HSV Blend

#1FBABC - #BFEAEB | 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 #1FBABC as 0% and #BFEAEB as 100%.

0.0%	0.0% #1FBABC	RGB 31 186 188	#1FBABC
16.7%	16.7% #35C1C3	RGB 53 193 195	#35C1C3
33.3%	33.3% #4DC9CB	RGB 77 201 203	#4DC9CB
50.0%	50.0% #67D1D3	RGB 103 209 211	#67D1D3
66.7%	66.7% #82D9DB	RGB 130 217 219	#82D9DB
83.3%	83.3% #A0E1E3	RGB 160 225 227	#A0E1E3
100.0%	100.0% #BFEAEB	RGB 191 234 235	#BFEAEB

#1FBABC #35C1C3 #4DC9CB #67D1D3 #82D9DB #A0E1E3 #BFEAEB

#1FBABC - #67D1D3 - #BFEAEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1FBABC 0%, #67D1D3 50%, #BFEAEB 100%);
    background: -webkit-linear-gradient(top, #1FBABC 0%, #67D1D3 50%, #BFEAEB 100%);
    background: linear-gradient(to bottom, #1FBABC 0%, #67D1D3 50%, #BFEAEB 100%);
}
</style>