#1B5E7C - #8CCCAC | 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 #1B5E7C to #8CCCAC

#1B5E7C #8CCCAC

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

#1B5E7C - #8CCCAC | 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 #1B5E7C as 0% and #8CCCAC as 100%.

0.0%	0.0% #1B5E7C	RGB 27 94 124	#1B5E7C
16.7%	16.7% #2D7084	RGB 45 112 132	#2D7084
33.3%	33.3% #40828C	RGB 64 130 140	#40828C
50.0%	50.0% #539594	RGB 83 149 148	#539594
66.7%	66.7% #66A79C	RGB 102 167 156	#66A79C
83.3%	83.3% #79B9A4	RGB 121 185 164	#79B9A4
100.0%	100.0% #8CCCAC	RGB 140 204 172	#8CCCAC

#1B5E7C #2D7084 #40828C #539594 #66A79C #79B9A4 #8CCCAC

#1B5E7C - #8CCCAC

HSV Blend

#1B5E7C - #8CCCAC | 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 #1B5E7C as 0% and #8CCCAC as 100%.

0.0%	0.0% #1B5E7C	RGB 27 94 124	#1B5E7C
16.7%	16.7% #287889	RGB 40 120 137	#287889
33.3%	33.3% #389296	RGB 56 146 150	#389296
50.0%	50.0% #4AA49B	RGB 74 164 155	#4AA49B
66.7%	66.7% #5EB19E	RGB 94 177 158	#5EB19E
83.3%	83.3% #73BEA3	RGB 115 190 163	#73BEA3
100.0%	100.0% #8CCCAC	RGB 140 204 172	#8CCCAC

#1B5E7C #287889 #389296 #4AA49B #5EB19E #73BEA3 #8CCCAC

#1B5E7C - #4AA49B - #8CCCAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E7C 0%, #4AA49B 50%, #8CCCAC 100%);
    background: -webkit-linear-gradient(top, #1B5E7C 0%, #4AA49B 50%, #8CCCAC 100%);
    background: linear-gradient(to bottom, #1B5E7C 0%, #4AA49B 50%, #8CCCAC 100%);
}
</style>