#8BA0FF - #2B45D0 | 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 #8BA0FF to #2B45D0

#8BA0FF #2B45D0

Calculate the color between two colors, #8BA0FF and #2B45D0. 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)

#8BA0FF - #2B45D0 | 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 #8BA0FF as 0% and #2B45D0 as 100%.

0.0%	0.0% #8BA0FF	RGB 139 160 255	#8BA0FF
16.7%	16.7% #7B90F7	RGB 123 144 247	#7B90F7
33.3%	33.3% #6B81EF	RGB 107 129 239	#6B81EF
50.0%	50.0% #5B72E7	RGB 91 114 231	#5B72E7
66.7%	66.7% #4B63DF	RGB 75 99 223	#4B63DF
83.3%	83.3% #3B54D7	RGB 59 84 215	#3B54D7
100.0%	100.0% #2B45D0	RGB 43 69 208	#2B45D0

#8BA0FF #7B90F7 #6B81EF #5B72E7 #4B63DF #3B54D7 #2B45D0

#8BA0FF - #2B45D0

HSV Blend

#8BA0FF - #2B45D0 | 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 #8BA0FF as 0% and #2B45D0 as 100%.

0.0%	0.0% #8B9FFF	RGB 139 159 255	#8B9FFF
16.7%	16.7% #788FF7	RGB 120 143 247	#788FF7
33.3%	33.3% #677FEF	RGB 103 127 239	#677FEF
50.0%	50.0% #576FE7	RGB 87 111 231	#576FE7
66.7%	66.7% #4760DF	RGB 71 96 223	#4760DF
83.3%	83.3% #3852D7	RGB 56 82 215	#3852D7
100.0%	100.0% #2B45D0	RGB 43 69 208	#2B45D0

#8B9FFF #788FF7 #677FEF #576FE7 #4760DF #3852D7 #2B45D0

#8BA0FF - #576FE7 - #2B45D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B9FFF 0%, #576FE7 50%, #2B45D0 100%);
    background: -webkit-linear-gradient(top, #8B9FFF 0%, #576FE7 50%, #2B45D0 100%);
    background: linear-gradient(to bottom, #8B9FFF 0%, #576FE7 50%, #2B45D0 100%);
}
</style>