#151036 - #BBBAC5 | 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 #151036 to #BBBAC5

#151036 #BBBAC5

Calculate the color between two colors, #151036 and #BBBAC5. 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)

#151036 - #BBBAC5 | 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 #151036 as 0% and #BBBAC5 as 100%.

0.0%	0.0% #151036	RGB 21 16 54	#151036
16.7%	16.7% #302C4D	RGB 48 44 77	#302C4D
33.3%	33.3% #4C4865	RGB 76 72 101	#4C4865
50.0%	50.0% #68657D	RGB 104 101 125	#68657D
66.7%	66.7% #838195	RGB 131 129 149	#838195
83.3%	83.3% #9F9DAD	RGB 159 157 173	#9F9DAD
100.0%	100.0% #BBBAC5	RGB 187 186 197	#BBBAC5

#151036 #302C4D #4C4865 #68657D #838195 #9F9DAD #BBBAC5

#151036 - #BBBAC5

HSV Blend

#151036 - #BBBAC5 | 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 #151036 as 0% and #BBBAC5 as 100%.

0.0%	0.0% #151036	RGB 21 16 54	#151036
16.7%	16.7% #251F4D	RGB 37 31 77	#251F4D
33.3%	33.3% #393465	RGB 57 52 101	#393465
50.0%	50.0% #534D7D	RGB 83 77 125	#534D7D
66.7%	66.7% #706C95	RGB 112 108 149	#706C95
83.3%	83.3% #9390AD	RGB 147 144 173	#9390AD
100.0%	100.0% #BBBAC5	RGB 187 186 197	#BBBAC5

#151036 #251F4D #393465 #534D7D #706C95 #9390AD #BBBAC5

#151036 - #534D7D - #BBBAC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151036 0%, #534D7D 50%, #BBBAC5 100%);
    background: -webkit-linear-gradient(top, #151036 0%, #534D7D 50%, #BBBAC5 100%);
    background: linear-gradient(to bottom, #151036 0%, #534D7D 50%, #BBBAC5 100%);
}
</style>