#BFC0FF - #576AD4 | 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 #BFC0FF to #576AD4

#BFC0FF #576AD4

Calculate the color between two colors, #BFC0FF and #576AD4. 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)

#BFC0FF - #576AD4 | 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 #BFC0FF as 0% and #576AD4 as 100%.

0.0%	0.0% #BFC0FF	RGB 191 192 255	#BFC0FF
16.7%	16.7% #ADB1F7	RGB 173 177 247	#ADB1F7
33.3%	33.3% #9CA3F0	RGB 156 163 240	#9CA3F0
50.0%	50.0% #8B95E9	RGB 139 149 233	#8B95E9
66.7%	66.7% #7986E2	RGB 121 134 226	#7986E2
83.3%	83.3% #6878DB	RGB 104 120 219	#6878DB
100.0%	100.0% #576AD4	RGB 87 106 212	#576AD4

#BFC0FF #ADB1F7 #9CA3F0 #8B95E9 #7986E2 #6878DB #576AD4

#BFC0FF - #576AD4

HSV Blend

#BFC0FF - #576AD4 | 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 #BFC0FF as 0% and #576AD4 as 100%.

0.0%	0.0% #BFC0FF	RGB 191 192 255	#BFC0FF
16.7%	16.7% #ABAEF7	RGB 171 174 247	#ABAEF7
33.3%	33.3% #999EF0	RGB 153 158 240	#999EF0
50.0%	50.0% #878FE9	RGB 135 143 233	#878FE9
66.7%	66.7% #7681E2	RGB 118 129 226	#7681E2
83.3%	83.3% #6675DB	RGB 102 117 219	#6675DB
100.0%	100.0% #576AD4	RGB 87 106 212	#576AD4

#BFC0FF #ABAEF7 #999EF0 #878FE9 #7681E2 #6675DB #576AD4

#BFC0FF - #878FE9 - #576AD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFC0FF 0%, #878FE9 50%, #576AD4 100%);
    background: -webkit-linear-gradient(top, #BFC0FF 0%, #878FE9 50%, #576AD4 100%);
    background: linear-gradient(to bottom, #BFC0FF 0%, #878FE9 50%, #576AD4 100%);
}
</style>