#0107B9 - #B6B7EB | 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 #0107B9 to #B6B7EB

#0107B9 #B6B7EB

Calculate the color between two colors, #0107B9 and #B6B7EB. 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)

#0107B9 - #B6B7EB | 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 #0107B9 as 0% and #B6B7EB as 100%.

0.0%	0.0% #0107B9	RGB 1 7 185	#0107B9
16.7%	16.7% #1F24C1	RGB 31 36 193	#1F24C1
33.3%	33.3% #3D41C9	RGB 61 65 201	#3D41C9
50.0%	50.0% #5B5FD2	RGB 91 95 210	#5B5FD2
66.7%	66.7% #797CDA	RGB 121 124 218	#797CDA
83.3%	83.3% #9799E2	RGB 151 153 226	#9799E2
100.0%	100.0% #B6B7EB	RGB 182 183 235	#B6B7EB

#0107B9 #1F24C1 #3D41C9 #5B5FD2 #797CDA #9799E2 #B6B7EB

#0107B9 - #B6B7EB

HSV Blend

#0107B9 - #B6B7EB | 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 #0107B9 as 0% and #B6B7EB as 100%.

0.0%	0.0% #0107B9	RGB 1 7 185	#0107B9
16.7%	16.7% #191EC1	RGB 25 30 193	#191EC1
33.3%	33.3% #3438C9	RGB 52 56 201	#3438C9
50.0%	50.0% #5155D2	RGB 81 85 210	#5155D2
66.7%	66.7% #7173DA	RGB 113 115 218	#7173DA
83.3%	83.3% #9294E2	RGB 146 148 226	#9294E2
100.0%	100.0% #B6B7EB	RGB 182 183 235	#B6B7EB

#0107B9 #191EC1 #3438C9 #5155D2 #7173DA #9294E2 #B6B7EB

#0107B9 - #5155D2 - #B6B7EB

CSS codes

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

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