#B8C5FF - #4A56CF | 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 #B8C5FF to #4A56CF

#B8C5FF #4A56CF

Calculate the color between two colors, #B8C5FF and #4A56CF. 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)

#B8C5FF - #4A56CF | 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 #B8C5FF as 0% and #4A56CF as 100%.

0.0%	0.0% #B8C5FF	RGB 184 197 255	#B8C5FF
16.7%	16.7% #A5B2F7	RGB 165 178 247	#A5B2F7
33.3%	33.3% #93A0EF	RGB 147 160 239	#93A0EF
50.0%	50.0% #818DE7	RGB 129 141 231	#818DE7
66.7%	66.7% #6E7BDF	RGB 110 123 223	#6E7BDF
83.3%	83.3% #5C68D7	RGB 92 104 215	#5C68D7
100.0%	100.0% #4A56CF	RGB 74 86 207	#4A56CF

#B8C5FF #A5B2F7 #93A0EF #818DE7 #6E7BDF #5C68D7 #4A56CF

#B8C5FF - #4A56CF

HSV Blend

#B8C5FF - #4A56CF | 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 #B8C5FF as 0% and #4A56CF as 100%.

0.0%	0.0% #B8C5FF	RGB 184 197 255	#B8C5FF
16.7%	16.7% #A3B1F7	RGB 163 177 247	#A3B1F7
33.3%	33.3% #8F9DEF	RGB 143 157 239	#8F9DEF
50.0%	50.0% #7C8BE7	RGB 124 139 231	#7C8BE7
66.7%	66.7% #6A78DF	RGB 106 120 223	#6A78DF
83.3%	83.3% #5967D7	RGB 89 103 215	#5967D7
100.0%	100.0% #4A56CF	RGB 74 86 207	#4A56CF

#B8C5FF #A3B1F7 #8F9DEF #7C8BE7 #6A78DF #5967D7 #4A56CF

#B8C5FF - #7C8BE7 - #4A56CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C5FF 0%, #7C8BE7 50%, #4A56CF 100%);
    background: -webkit-linear-gradient(top, #B8C5FF 0%, #7C8BE7 50%, #4A56CF 100%);
    background: linear-gradient(to bottom, #B8C5FF 0%, #7C8BE7 50%, #4A56CF 100%);
}
</style>