#0009D4 - #B6B8F2 | 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 #0009D4 to #B6B8F2

#0009D4 #B6B8F2

Calculate the color between two colors, #0009D4 and #B6B8F2. 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)

#0009D4 - #B6B8F2 | 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 #0009D4 as 0% and #B6B8F2 as 100%.

0.0%	0.0% #0009D4	RGB 0 9 212	#0009D4
16.7%	16.7% #1E26D9	RGB 30 38 217	#1E26D9
33.3%	33.3% #3C43DE	RGB 60 67 222	#3C43DE
50.0%	50.0% #5B60E3	RGB 91 96 227	#5B60E3
66.7%	66.7% #797DE8	RGB 121 125 232	#797DE8
83.3%	83.3% #979AED	RGB 151 154 237	#979AED
100.0%	100.0% #B6B8F2	RGB 182 184 242	#B6B8F2

#0009D4 #1E26D9 #3C43DE #5B60E3 #797DE8 #979AED #B6B8F2

#0009D4 - #B6B8F2

HSV Blend

#0009D4 - #B6B8F2 | 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 #0009D4 as 0% and #B6B8F2 as 100%.

0.0%	0.0% #0008D4	RGB 0 8 212	#0008D4
16.7%	16.7% #1B22D9	RGB 27 34 217	#1B22D9
33.3%	33.3% #373EDE	RGB 55 62 222	#373EDE
50.0%	50.0% #555AE3	RGB 85 90 227	#555AE3
66.7%	66.7% #7478E8	RGB 116 120 232	#7478E8
83.3%	83.3% #9497ED	RGB 148 151 237	#9497ED
100.0%	100.0% #B6B8F2	RGB 182 184 242	#B6B8F2

#0008D4 #1B22D9 #373EDE #555AE3 #7478E8 #9497ED #B6B8F2

#0009D4 - #555AE3 - #B6B8F2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0008D4 0%, #555AE3 50%, #B6B8F2 100%);
    background: -webkit-linear-gradient(top, #0008D4 0%, #555AE3 50%, #B6B8F2 100%);
    background: linear-gradient(to bottom, #0008D4 0%, #555AE3 50%, #B6B8F2 100%);
}
</style>