#6495ED - #ABCFEC | 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 #6495ED to #ABCFEC

#6495ED #ABCFEC

Calculate the color between two colors, #6495ED and #ABCFEC. 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)

#6495ED - #ABCFEC | 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 #6495ED as 0% and #ABCFEC as 100%.

0.0%	0.0% #6495ED	RGB 100 149 237	#6495ED
16.7%	16.7% #6F9EEC	RGB 111 158 236	#6F9EEC
33.3%	33.3% #7BA8EC	RGB 123 168 236	#7BA8EC
50.0%	50.0% #87B2EC	RGB 135 178 236	#87B2EC
66.7%	66.7% #93BBEC	RGB 147 187 236	#93BBEC
83.3%	83.3% #9FC5EC	RGB 159 197 236	#9FC5EC
100.0%	100.0% #ABCFEC	RGB 171 207 236	#ABCFEC

#6495ED #6F9EEC #7BA8EC #87B2EC #93BBEC #9FC5EC #ABCFEC

#6495ED - #ABCFEC

HSV Blend

#6495ED - #ABCFEC | 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 #6495ED as 0% and #ABCFEC as 100%.

0.0%	0.0% #6495ED	RGB 100 149 237	#6495ED
16.7%	16.7% #6FA0EC	RGB 111 160 236	#6FA0EC
33.3%	33.3% #7BABEC	RGB 123 171 236	#7BABEC
50.0%	50.0% #87B5EC	RGB 135 181 236	#87B5EC
66.7%	66.7% #93BEEC	RGB 147 190 236	#93BEEC
83.3%	83.3% #9FC7EC	RGB 159 199 236	#9FC7EC
100.0%	100.0% #ABCFEC	RGB 171 207 236	#ABCFEC

#6495ED #6FA0EC #7BABEC #87B5EC #93BEEC #9FC7EC #ABCFEC

#6495ED - #87B5EC - #ABCFEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6495ED 0%, #87B5EC 50%, #ABCFEC 100%);
    background: -webkit-linear-gradient(top, #6495ED 0%, #87B5EC 50%, #ABCFEC 100%);
    background: linear-gradient(to bottom, #6495ED 0%, #87B5EC 50%, #ABCFEC 100%);
}
</style>