#1E8C9F - #B5DBC6 | 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 #1E8C9F to #B5DBC6

#1E8C9F #B5DBC6

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

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

0.0%	0.0% #1E8C9F	RGB 30 140 159	#1E8C9F
16.7%	16.7% #3799A5	RGB 55 153 165	#3799A5
33.3%	33.3% #50A6AC	RGB 80 166 172	#50A6AC
50.0%	50.0% #69B3B2	RGB 105 179 178	#69B3B2
66.7%	66.7% #82C0B9	RGB 130 192 185	#82C0B9
83.3%	83.3% #9BCDBF	RGB 155 205 191	#9BCDBF
100.0%	100.0% #B5DBC6	RGB 181 219 198	#B5DBC6

#1E8C9F #3799A5 #50A6AC #69B3B2 #82C0B9 #9BCDBF #B5DBC6

#1E8C9F - #B5DBC6

HSV Blend

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

0.0%	0.0% #1E8B9F	RGB 30 139 159	#1E8B9F
16.7%	16.7% #31A5A9	RGB 49 165 169	#31A5A9
33.3%	33.3% #47B3A9	RGB 71 179 169	#47B3A9
50.0%	50.0% #5FBDAA	RGB 95 189 170	#5FBDAA
66.7%	66.7% #7AC7AE	RGB 122 199 174	#7AC7AE
83.3%	83.3% #96D1B7	RGB 150 209 183	#96D1B7
100.0%	100.0% #B5DBC6	RGB 181 219 198	#B5DBC6

#1E8B9F #31A5A9 #47B3A9 #5FBDAA #7AC7AE #96D1B7 #B5DBC6

#1E8C9F - #5FBDAA - #B5DBC6

CSS codes

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

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