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

#145A5E #BBCFD1

Calculate the color between two colors, #145A5E 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)

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

0.0%	0.0% #145A5E	RGB 20 90 94	#145A5E
16.7%	16.7% #2F6D71	RGB 47 109 113	#2F6D71
33.3%	33.3% #4B8184	RGB 75 129 132	#4B8184
50.0%	50.0% #679497	RGB 103 148 151	#679497
66.7%	66.7% #83A8AA	RGB 131 168 170	#83A8AA
83.3%	83.3% #9FBBBD	RGB 159 187 189	#9FBBBD
100.0%	100.0% #BBCFD1	RGB 187 207 209	#BBCFD1

#145A5E #2F6D71 #4B8184 #679497 #83A8AA #9FBBBD #BBCFD1

#145A5E - #BBCFD1

HSV Blend

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

0.0%	0.0% #135A5E	RGB 19 90 94	#135A5E
16.7%	16.7% #246C71	RGB 36 108 113	#246C71
33.3%	33.3% #3A7F84	RGB 58 127 132	#3A7F84
50.0%	50.0% #539297	RGB 83 146 151	#539297
66.7%	66.7% #71A6AA	RGB 113 166 170	#71A6AA
83.3%	83.3% #94BABD	RGB 148 186 189	#94BABD
100.0%	100.0% #BBCFD1	RGB 187 207 209	#BBCFD1

#135A5E #246C71 #3A7F84 #539297 #71A6AA #94BABD #BBCFD1

#145A5E - #539297 - #BBCFD1

CSS codes

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

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