#8CACE8 - #3358AF | 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 #8CACE8 to #3358AF

#8CACE8 #3358AF

Calculate the color between two colors, #8CACE8 and #3358AF. 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)

#8CACE8 - #3358AF | 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 #8CACE8 as 0% and #3358AF as 100%.

0.0%	0.0% #8CACE8	RGB 140 172 232	#8CACE8
16.7%	16.7% #7D9EDE	RGB 125 158 222	#7D9EDE
33.3%	33.3% #6E90D5	RGB 110 144 213	#6E90D5
50.0%	50.0% #5F82CB	RGB 95 130 203	#5F82CB
66.7%	66.7% #5074C2	RGB 80 116 194	#5074C2
83.3%	83.3% #4166B8	RGB 65 102 184	#4166B8
100.0%	100.0% #3358AF	RGB 51 88 175	#3358AF

#8CACE8 #7D9EDE #6E90D5 #5F82CB #5074C2 #4166B8 #3358AF

#8CACE8 - #3358AF

HSV Blend

#8CACE8 - #3358AF | 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 #8CACE8 as 0% and #3358AF as 100%.

0.0%	0.0% #8CABE8	RGB 140 171 232	#8CABE8
16.7%	16.7% #7A9CDE	RGB 122 156 222	#7A9CDE
33.3%	33.3% #6A8DD5	RGB 106 141 213	#6A8DD5
50.0%	50.0% #5B7FCB	RGB 91 127 203	#5B7FCB
66.7%	66.7% #4C71C2	RGB 76 113 194	#4C71C2
83.3%	83.3% #3F64B8	RGB 63 100 184	#3F64B8
100.0%	100.0% #3358AF	RGB 51 88 175	#3358AF

#8CABE8 #7A9CDE #6A8DD5 #5B7FCB #4C71C2 #3F64B8 #3358AF

#8CACE8 - #5B7FCB - #3358AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CABE8 0%, #5B7FCB 50%, #3358AF 100%);
    background: -webkit-linear-gradient(top, #8CABE8 0%, #5B7FCB 50%, #3358AF 100%);
    background: linear-gradient(to bottom, #8CABE8 0%, #5B7FCB 50%, #3358AF 100%);
}
</style>