#1B5E5A - #BDD1D0 | 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 #1B5E5A to #BDD1D0

#1B5E5A #BDD1D0

Calculate the color between two colors, #1B5E5A and #BDD1D0. 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)

#1B5E5A - #BDD1D0 | 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 #1B5E5A as 0% and #BDD1D0 as 100%.

0.0%	0.0% #1B5E5A	RGB 27 94 90	#1B5E5A
16.7%	16.7% #36716D	RGB 54 113 109	#36716D
33.3%	33.3% #518481	RGB 81 132 129	#518481
50.0%	50.0% #6C9795	RGB 108 151 149	#6C9795
66.7%	66.7% #87AAA8	RGB 135 170 168	#87AAA8
83.3%	83.3% #A2BDBC	RGB 162 189 188	#A2BDBC
100.0%	100.0% #BDD1D0	RGB 189 209 208	#BDD1D0

#1B5E5A #36716D #518481 #6C9795 #87AAA8 #A2BDBC #BDD1D0

#1B5E5A - #BDD1D0

HSV Blend

#1B5E5A - #BDD1D0 | 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 #1B5E5A as 0% and #BDD1D0 as 100%.

0.0%	0.0% #1B5E5A	RGB 27 94 90	#1B5E5A
16.7%	16.7% #2C716D	RGB 44 113 109	#2C716D
33.3%	33.3% #418480	RGB 65 132 128	#418480
50.0%	50.0% #5A9794	RGB 90 151 148	#5A9794
66.7%	66.7% #77AAA7	RGB 119 170 167	#77AAA7
83.3%	83.3% #98BDBB	RGB 152 189 187	#98BDBB
100.0%	100.0% #BDD1D0	RGB 189 209 208	#BDD1D0

#1B5E5A #2C716D #418480 #5A9794 #77AAA7 #98BDBB #BDD1D0

#1B5E5A - #5A9794 - #BDD1D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E5A 0%, #5A9794 50%, #BDD1D0 100%);
    background: -webkit-linear-gradient(top, #1B5E5A 0%, #5A9794 50%, #BDD1D0 100%);
    background: linear-gradient(to bottom, #1B5E5A 0%, #5A9794 50%, #BDD1D0 100%);
}
</style>