#BFC5E6 - #6B80C2 | 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 #BFC5E6 to #6B80C2

#BFC5E6 #6B80C2

Calculate the color between two colors, #BFC5E6 and #6B80C2. 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)

#BFC5E6 - #6B80C2 | 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 #BFC5E6 as 0% and #6B80C2 as 100%.

0.0%	0.0% #BFC5E6	RGB 191 197 230	#BFC5E6
16.7%	16.7% #B1B9E0	RGB 177 185 224	#B1B9E0
33.3%	33.3% #A3AEDA	RGB 163 174 218	#A3AEDA
50.0%	50.0% #95A2D4	RGB 149 162 212	#95A2D4
66.7%	66.7% #8797CE	RGB 135 151 206	#8797CE
83.3%	83.3% #798BC8	RGB 121 139 200	#798BC8
100.0%	100.0% #6B80C2	RGB 107 128 194	#6B80C2

#BFC5E6 #B1B9E0 #A3AEDA #95A2D4 #8797CE #798BC8 #6B80C2

#BFC5E6 - #6B80C2

HSV Blend

#BFC5E6 - #6B80C2 | 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 #BFC5E6 as 0% and #6B80C2 as 100%.

0.0%	0.0% #BFC5E6	RGB 191 197 230	#BFC5E6
16.7%	16.7% #AFB7E0	RGB 175 183 224	#AFB7E0
33.3%	33.3% #A0ABDA	RGB 160 171 218	#A0ABDA
50.0%	50.0% #929FD4	RGB 146 159 212	#929FD4
66.7%	66.7% #8494CE	RGB 132 148 206	#8494CE
83.3%	83.3% #7789C8	RGB 119 137 200	#7789C8
100.0%	100.0% #6B80C2	RGB 107 128 194	#6B80C2

#BFC5E6 #AFB7E0 #A0ABDA #929FD4 #8494CE #7789C8 #6B80C2

#BFC5E6 - #929FD4 - #6B80C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFC5E6 0%, #929FD4 50%, #6B80C2 100%);
    background: -webkit-linear-gradient(top, #BFC5E6 0%, #929FD4 50%, #6B80C2 100%);
    background: linear-gradient(to bottom, #BFC5E6 0%, #929FD4 50%, #6B80C2 100%);
}
</style>