#8DB9C1 - #357A8C | 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 #8DB9C1 to #357A8C

#8DB9C1 #357A8C

Calculate the color between two colors, #8DB9C1 and #357A8C. 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)

#8DB9C1 - #357A8C | 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 #8DB9C1 as 0% and #357A8C as 100%.

0.0%	0.0% #8DB9C1	RGB 141 185 193	#8DB9C1
16.7%	16.7% #7EAEB8	RGB 126 174 184	#7EAEB8
33.3%	33.3% #6FA4AF	RGB 111 164 175	#6FA4AF
50.0%	50.0% #6199A6	RGB 97 153 166	#6199A6
66.7%	66.7% #528F9D	RGB 82 143 157	#528F9D
83.3%	83.3% #438494	RGB 67 132 148	#438494
100.0%	100.0% #357A8C	RGB 53 122 140	#357A8C

#8DB9C1 #7EAEB8 #6FA4AF #6199A6 #528F9D #438494 #357A8C

#8DB9C1 - #357A8C

HSV Blend

#8DB9C1 - #357A8C | 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 #8DB9C1 as 0% and #357A8C as 100%.

0.0%	0.0% #8DB9C1	RGB 141 185 193	#8DB9C1
16.7%	16.7% #7BAEB8	RGB 123 174 184	#7BAEB8
33.3%	33.3% #6BA3AF	RGB 107 163 175	#6BA3AF
50.0%	50.0% #5C99A6	RGB 92 153 166	#5C99A6
66.7%	66.7% #4E8E9D	RGB 78 142 157	#4E8E9D
83.3%	83.3% #418494	RGB 65 132 148	#418494
100.0%	100.0% #357A8C	RGB 53 122 140	#357A8C

#8DB9C1 #7BAEB8 #6BA3AF #5C99A6 #4E8E9D #418494 #357A8C

#8DB9C1 - #5C99A6 - #357A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DB9C1 0%, #5C99A6 50%, #357A8C 100%);
    background: -webkit-linear-gradient(top, #8DB9C1 0%, #5C99A6 50%, #357A8C 100%);
    background: linear-gradient(to bottom, #8DB9C1 0%, #5C99A6 50%, #357A8C 100%);
}
</style>