#20CECE - #BFF1F1 | 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 #20CECE to #BFF1F1

#20CECE #BFF1F1

Calculate the color between two colors, #20CECE and #BFF1F1. 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)

#20CECE - #BFF1F1 | 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 #20CECE as 0% and #BFF1F1 as 100%.

0.0%	0.0% #20CECE	RGB 32 206 206	#20CECE
16.7%	16.7% #3AD3D3	RGB 58 211 211	#3AD3D3
33.3%	33.3% #55D9D9	RGB 85 217 217	#55D9D9
50.0%	50.0% #6FDFDF	RGB 111 223 223	#6FDFDF
66.7%	66.7% #8AE5E5	RGB 138 229 229	#8AE5E5
83.3%	83.3% #A4EBEB	RGB 164 235 235	#A4EBEB
100.0%	100.0% #BFF1F1	RGB 191 241 241	#BFF1F1

#20CECE #3AD3D3 #55D9D9 #6FDFDF #8AE5E5 #A4EBEB #BFF1F1

#20CECE - #BFF1F1

HSV Blend

#20CECE - #BFF1F1 | 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 #20CECE as 0% and #BFF1F1 as 100%.

0.0%	0.0% #1FCECE	RGB 31 206 206	#1FCECE
16.7%	16.7% #37D3D3	RGB 55 211 211	#37D3D3
33.3%	33.3% #50D9D9	RGB 80 217 217	#50D9D9
50.0%	50.0% #69DFDF	RGB 105 223 223	#69DFDF
66.7%	66.7% #85E5E5	RGB 133 229 229	#85E5E5
83.3%	83.3% #A1EBEB	RGB 161 235 235	#A1EBEB
100.0%	100.0% #BFF1F1	RGB 191 241 241	#BFF1F1

#1FCECE #37D3D3 #50D9D9 #69DFDF #85E5E5 #A1EBEB #BFF1F1

#20CECE - #69DFDF - #BFF1F1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1FCECE 0%, #69DFDF 50%, #BFF1F1 100%);
    background: -webkit-linear-gradient(top, #1FCECE 0%, #69DFDF 50%, #BFF1F1 100%);
    background: linear-gradient(to bottom, #1FCECE 0%, #69DFDF 50%, #BFF1F1 100%);
}
</style>