#BBBBDB - #5E62A0 | 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 #BBBBDB to #5E62A0

#BBBBDB #5E62A0

Calculate the color between two colors, #BBBBDB and #5E62A0. 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)

#BBBBDB - #5E62A0 | 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 #BBBBDB as 0% and #5E62A0 as 100%.

0.0%	0.0% #BBBBDB	RGB 187 187 219	#BBBBDB
16.7%	16.7% #ABACD1	RGB 171 172 209	#ABACD1
33.3%	33.3% #9C9DC7	RGB 156 157 199	#9C9DC7
50.0%	50.0% #8C8EBD	RGB 140 142 189	#8C8EBD
66.7%	66.7% #7D7FB3	RGB 125 127 179	#7D7FB3
83.3%	83.3% #6D70A9	RGB 109 112 169	#6D70A9
100.0%	100.0% #5E62A0	RGB 94 98 160	#5E62A0

#BBBBDB #ABACD1 #9C9DC7 #8C8EBD #7D7FB3 #6D70A9 #5E62A0

#BBBBDB - #5E62A0

HSV Blend

#BBBBDB - #5E62A0 | 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 #BBBBDB as 0% and #5E62A0 as 100%.

0.0%	0.0% #BBBBDB	RGB 187 187 219	#BBBBDB
16.7%	16.7% #A9A9D1	RGB 169 169 209	#A9A9D1
33.3%	33.3% #9899C7	RGB 152 153 199	#9899C7
50.0%	50.0% #888ABD	RGB 136 138 189	#888ABD
66.7%	66.7% #797BB3	RGB 121 123 179	#797BB3
83.3%	83.3% #6B6EA9	RGB 107 110 169	#6B6EA9
100.0%	100.0% #5E62A0	RGB 94 98 160	#5E62A0

#BBBBDB #A9A9D1 #9899C7 #888ABD #797BB3 #6B6EA9 #5E62A0

#BBBBDB - #888ABD - #5E62A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBBBDB 0%, #888ABD 50%, #5E62A0 100%);
    background: -webkit-linear-gradient(top, #BBBBDB 0%, #888ABD 50%, #5E62A0 100%);
    background: linear-gradient(to bottom, #BBBBDB 0%, #888ABD 50%, #5E62A0 100%);
}
</style>