#010AB9 - #B6B9EB | 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 #010AB9 to #B6B9EB

#010AB9 #B6B9EB

Calculate the color between two colors, #010AB9 and #B6B9EB. 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)

#010AB9 - #B6B9EB | 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 #010AB9 as 0% and #B6B9EB as 100%.

0.0%	0.0% #010AB9	RGB 1 10 185	#010AB9
16.7%	16.7% #1F27C1	RGB 31 39 193	#1F27C1
33.3%	33.3% #3D44C9	RGB 61 68 201	#3D44C9
50.0%	50.0% #5B61D2	RGB 91 97 210	#5B61D2
66.7%	66.7% #797EDA	RGB 121 126 218	#797EDA
83.3%	83.3% #979BE2	RGB 151 155 226	#979BE2
100.0%	100.0% #B6B9EB	RGB 182 185 235	#B6B9EB

#010AB9 #1F27C1 #3D44C9 #5B61D2 #797EDA #979BE2 #B6B9EB

#010AB9 - #B6B9EB

HSV Blend

#010AB9 - #B6B9EB | 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 #010AB9 as 0% and #B6B9EB as 100%.

0.0%	0.0% #0109B9	RGB 1 9 185	#0109B9
16.7%	16.7% #1922C1	RGB 25 34 193	#1922C1
33.3%	33.3% #343CC9	RGB 52 60 201	#343CC9
50.0%	50.0% #5158D2	RGB 81 88 210	#5158D2
66.7%	66.7% #7176DA	RGB 113 118 218	#7176DA
83.3%	83.3% #9296E2	RGB 146 150 226	#9296E2
100.0%	100.0% #B6B9EB	RGB 182 185 235	#B6B9EB

#0109B9 #1922C1 #343CC9 #5158D2 #7176DA #9296E2 #B6B9EB

#010AB9 - #5158D2 - #B6B9EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0109B9 0%, #5158D2 50%, #B6B9EB 100%);
    background: -webkit-linear-gradient(top, #0109B9 0%, #5158D2 50%, #B6B9EB 100%);
    background: linear-gradient(to bottom, #0109B9 0%, #5158D2 50%, #B6B9EB 100%);
}
</style>