#14C0CD - #BBEDF0 | 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 #14C0CD to #BBEDF0

#14C0CD #BBEDF0

Calculate the color between two colors, #14C0CD and #BBEDF0. 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)

#14C0CD - #BBEDF0 | 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 #14C0CD as 0% and #BBEDF0 as 100%.

0.0%	0.0% #14C0CD	RGB 20 192 205	#14C0CD
16.7%	16.7% #2FC7D2	RGB 47 199 210	#2FC7D2
33.3%	33.3% #4BCFD8	RGB 75 207 216	#4BCFD8
50.0%	50.0% #67D6DE	RGB 103 214 222	#67D6DE
66.7%	66.7% #83DEE4	RGB 131 222 228	#83DEE4
83.3%	83.3% #9FE5EA	RGB 159 229 234	#9FE5EA
100.0%	100.0% #BBEDF0	RGB 187 237 240	#BBEDF0

#14C0CD #2FC7D2 #4BCFD8 #67D6DE #83DEE4 #9FE5EA #BBEDF0

#14C0CD - #BBEDF0

HSV Blend

#14C0CD - #BBEDF0 | 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 #14C0CD as 0% and #BBEDF0 as 100%.

0.0%	0.0% #13C0CD	RGB 19 192 205	#13C0CD
16.7%	16.7% #2CC7D2	RGB 44 199 210	#2CC7D2
33.3%	33.3% #46CFD8	RGB 70 207 216	#46CFD8
50.0%	50.0% #61D6DE	RGB 97 214 222	#61D6DE
66.7%	66.7% #7EDEE4	RGB 126 222 228	#7EDEE4
83.3%	83.3% #9BE5EA	RGB 155 229 234	#9BE5EA
100.0%	100.0% #BBEDF0	RGB 187 237 240	#BBEDF0

#13C0CD #2CC7D2 #46CFD8 #61D6DE #7EDEE4 #9BE5EA #BBEDF0

#14C0CD - #61D6DE - #BBEDF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13C0CD 0%, #61D6DE 50%, #BBEDF0 100%);
    background: -webkit-linear-gradient(top, #13C0CD 0%, #61D6DE 50%, #BBEDF0 100%);
    background: linear-gradient(to bottom, #13C0CD 0%, #61D6DE 50%, #BBEDF0 100%);
}
</style>