#B8C0FF - #516AD5 | 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 #B8C0FF to #516AD5

#B8C0FF #516AD5

Calculate the color between two colors, #B8C0FF and #516AD5. 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)

#B8C0FF - #516AD5 | 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 #B8C0FF as 0% and #516AD5 as 100%.

0.0%	0.0% #B8C0FF	RGB 184 192 255	#B8C0FF
16.7%	16.7% #A6B1F8	RGB 166 177 248	#A6B1F8
33.3%	33.3% #95A3F1	RGB 149 163 241	#95A3F1
50.0%	50.0% #8495EA	RGB 132 149 234	#8495EA
66.7%	66.7% #7386E3	RGB 115 134 227	#7386E3
83.3%	83.3% #6278DC	RGB 98 120 220	#6278DC
100.0%	100.0% #516AD5	RGB 81 106 213	#516AD5

#B8C0FF #A6B1F8 #95A3F1 #8495EA #7386E3 #6278DC #516AD5

#B8C0FF - #516AD5

HSV Blend

#B8C0FF - #516AD5 | 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 #B8C0FF as 0% and #516AD5 as 100%.

0.0%	0.0% #B8C0FF	RGB 184 192 255	#B8C0FF
16.7%	16.7% #A4AFF8	RGB 164 175 248	#A4AFF8
33.3%	33.3% #929FF1	RGB 146 159 241	#929FF1
50.0%	50.0% #8090EA	RGB 128 144 234	#8090EA
66.7%	66.7% #7082E3	RGB 112 130 227	#7082E3
83.3%	83.3% #6076DC	RGB 96 118 220	#6076DC
100.0%	100.0% #516AD5	RGB 81 106 213	#516AD5

#B8C0FF #A4AFF8 #929FF1 #8090EA #7082E3 #6076DC #516AD5

#B8C0FF - #8090EA - #516AD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C0FF 0%, #8090EA 50%, #516AD5 100%);
    background: -webkit-linear-gradient(top, #B8C0FF 0%, #8090EA 50%, #516AD5 100%);
    background: linear-gradient(to bottom, #B8C0FF 0%, #8090EA 50%, #516AD5 100%);
}
</style>