#105C5E - #BAD0D1 | 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 #105C5E to #BAD0D1

#105C5E #BAD0D1

Calculate the color between two colors, #105C5E and #BAD0D1. 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)

#105C5E - #BAD0D1 | 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 #105C5E as 0% and #BAD0D1 as 100%.

0.0%	0.0% #105C5E	RGB 16 92 94	#105C5E
16.7%	16.7% #2C6F71	RGB 44 111 113	#2C6F71
33.3%	33.3% #488284	RGB 72 130 132	#488284
50.0%	50.0% #659697	RGB 101 150 151	#659697
66.7%	66.7% #81A9AA	RGB 129 169 170	#81A9AA
83.3%	83.3% #9DBCBD	RGB 157 188 189	#9DBCBD
100.0%	100.0% #BAD0D1	RGB 186 208 209	#BAD0D1

#105C5E #2C6F71 #488284 #659697 #81A9AA #9DBCBD #BAD0D1

#105C5E - #BAD0D1

HSV Blend

#105C5E - #BAD0D1 | 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 #105C5E as 0% and #BAD0D1 as 100%.

0.0%	0.0% #0F5C5E	RGB 15 92 94	#0F5C5E
16.7%	16.7% #206E71	RGB 32 110 113	#206E71
33.3%	33.3% #368184	RGB 54 129 132	#368184
50.0%	50.0% #509597	RGB 80 149 151	#509597
66.7%	66.7% #6EA8AA	RGB 110 168 170	#6EA8AA
83.3%	83.3% #92BCBD	RGB 146 188 189	#92BCBD
100.0%	100.0% #BAD0D1	RGB 186 208 209	#BAD0D1

#0F5C5E #206E71 #368184 #509597 #6EA8AA #92BCBD #BAD0D1

#105C5E - #509597 - #BAD0D1

CSS codes

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

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