#8CADC7 - #3C5D84 | 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 #8CADC7 to #3C5D84

#8CADC7 #3C5D84

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

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

0.0%	0.0% #8CADC7	RGB 140 173 199	#8CADC7
16.7%	16.7% #7E9FBB	RGB 126 159 187	#7E9FBB
33.3%	33.3% #7192B0	RGB 113 146 176	#7192B0
50.0%	50.0% #6485A5	RGB 100 133 165	#6485A5
66.7%	66.7% #56779A	RGB 86 119 154	#56779A
83.3%	83.3% #496A8F	RGB 73 106 143	#496A8F
100.0%	100.0% #3C5D84	RGB 60 93 132	#3C5D84

#8CADC7 #7E9FBB #7192B0 #6485A5 #56779A #496A8F #3C5D84

#8CADC7 - #3C5D84

HSV Blend

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

0.0%	0.0% #8CADC7	RGB 140 173 199	#8CADC7
16.7%	16.7% #7C9EBB	RGB 124 158 187	#7C9EBB
33.3%	33.3% #6D90B0	RGB 109 144 176	#6D90B0
50.0%	50.0% #5F83A5	RGB 95 131 165	#5F83A5
66.7%	66.7% #52769A	RGB 82 118 154	#52769A
83.3%	83.3% #47698F	RGB 71 105 143	#47698F
100.0%	100.0% #3C5D84	RGB 60 93 132	#3C5D84

#8CADC7 #7C9EBB #6D90B0 #5F83A5 #52769A #47698F #3C5D84

#8CADC7 - #5F83A5 - #3C5D84

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CADC7 0%, #5F83A5 50%, #3C5D84 100%);
    background: -webkit-linear-gradient(top, #8CADC7 0%, #5F83A5 50%, #3C5D84 100%);
    background: linear-gradient(to bottom, #8CADC7 0%, #5F83A5 50%, #3C5D84 100%);
}
</style>