#115A5E - #BBCFD1 | 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 #115A5E to #BBCFD1

#115A5E #BBCFD1

Calculate the color between two colors, #115A5E and #BBCFD1. 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)

#115A5E - #BBCFD1 | 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 #115A5E as 0% and #BBCFD1 as 100%.

0.0%	0.0% #115A5E	RGB 17 90 94	#115A5E
16.7%	16.7% #2D6D71	RGB 45 109 113	#2D6D71
33.3%	33.3% #498184	RGB 73 129 132	#498184
50.0%	50.0% #669497	RGB 102 148 151	#669497
66.7%	66.7% #82A8AA	RGB 130 168 170	#82A8AA
83.3%	83.3% #9EBBBD	RGB 158 187 189	#9EBBBD
100.0%	100.0% #BBCFD1	RGB 187 207 209	#BBCFD1

#115A5E #2D6D71 #498184 #669497 #82A8AA #9EBBBD #BBCFD1

#115A5E - #BBCFD1

HSV Blend

#115A5E - #BBCFD1 | 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 #115A5E as 0% and #BBCFD1 as 100%.

0.0%	0.0% #105A5E	RGB 16 90 94	#105A5E
16.7%	16.7% #216C71	RGB 33 108 113	#216C71
33.3%	33.3% #377F84	RGB 55 127 132	#377F84
50.0%	50.0% #519297	RGB 81 146 151	#519297
66.7%	66.7% #70A6AA	RGB 112 166 170	#70A6AA
83.3%	83.3% #93BABD	RGB 147 186 189	#93BABD
100.0%	100.0% #BBCFD1	RGB 187 207 209	#BBCFD1

#105A5E #216C71 #377F84 #519297 #70A6AA #93BABD #BBCFD1

#115A5E - #519297 - #BBCFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #105A5E 0%, #519297 50%, #BBCFD1 100%);
    background: -webkit-linear-gradient(top, #105A5E 0%, #519297 50%, #BBCFD1 100%);
    background: linear-gradient(to bottom, #105A5E 0%, #519297 50%, #BBCFD1 100%);
}
</style>