#8DAECB - #3C5E89 | 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 #8DAECB to #3C5E89

#8DAECB #3C5E89

Calculate the color between two colors, #8DAECB and #3C5E89. 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)

#8DAECB - #3C5E89 | 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 #8DAECB as 0% and #3C5E89 as 100%.

0.0%	0.0% #8DAECB	RGB 141 174 203	#8DAECB
16.7%	16.7% #7FA0C0	RGB 127 160 192	#7FA0C0
33.3%	33.3% #7293B5	RGB 114 147 181	#7293B5
50.0%	50.0% #6486AA	RGB 100 134 170	#6486AA
66.7%	66.7% #57789F	RGB 87 120 159	#57789F
83.3%	83.3% #496B94	RGB 73 107 148	#496B94
100.0%	100.0% #3C5E89	RGB 60 94 137	#3C5E89

#8DAECB #7FA0C0 #7293B5 #6486AA #57789F #496B94 #3C5E89

#8DAECB - #3C5E89

HSV Blend

#8DAECB - #3C5E89 | 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 #8DAECB as 0% and #3C5E89 as 100%.

0.0%	0.0% #8DADCB	RGB 141 173 203	#8DADCB
16.7%	16.7% #7D9FC0	RGB 125 159 192	#7D9FC0
33.3%	33.3% #6E91B5	RGB 110 145 181	#6E91B5
50.0%	50.0% #6084AA	RGB 96 132 170	#6084AA
66.7%	66.7% #53769F	RGB 83 118 159	#53769F
83.3%	83.3% #476A94	RGB 71 106 148	#476A94
100.0%	100.0% #3C5E89	RGB 60 94 137	#3C5E89

#8DADCB #7D9FC0 #6E91B5 #6084AA #53769F #476A94 #3C5E89

#8DAECB - #6084AA - #3C5E89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DADCB 0%, #6084AA 50%, #3C5E89 100%);
    background: -webkit-linear-gradient(top, #8DADCB 0%, #6084AA 50%, #3C5E89 100%);
    background: linear-gradient(to bottom, #8DADCB 0%, #6084AA 50%, #3C5E89 100%);
}
</style>