#150D5E - #BCB9D1 | 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 #150D5E to #BCB9D1

#150D5E #BCB9D1

Calculate the color between two colors, #150D5E and #BCB9D1. 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)

#150D5E - #BCB9D1 | 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 #150D5E as 0% and #BCB9D1 as 100%.

0.0%	0.0% #150D5E	RGB 21 13 94	#150D5E
16.7%	16.7% #302971	RGB 48 41 113	#302971
33.3%	33.3% #4C4684	RGB 76 70 132	#4C4684
50.0%	50.0% #686397	RGB 104 99 151	#686397
66.7%	66.7% #847FAA	RGB 132 127 170	#847FAA
83.3%	83.3% #A09CBD	RGB 160 156 189	#A09CBD
100.0%	100.0% #BCB9D1	RGB 188 185 209	#BCB9D1

#150D5E #302971 #4C4684 #686397 #847FAA #A09CBD #BCB9D1

#150D5E - #BCB9D1

HSV Blend

#150D5E - #BCB9D1 | 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 #150D5E as 0% and #BCB9D1 as 100%.

0.0%	0.0% #150C5E	RGB 21 12 94	#150C5E
16.7%	16.7% #261D71	RGB 38 29 113	#261D71
33.3%	33.3% #3B3384	RGB 59 51 132	#3B3384
50.0%	50.0% #554D97	RGB 85 77 151	#554D97
66.7%	66.7% #736CAA	RGB 115 108 170	#736CAA
83.3%	83.3% #9590BD	RGB 149 144 189	#9590BD
100.0%	100.0% #BCB9D1	RGB 188 185 209	#BCB9D1

#150C5E #261D71 #3B3384 #554D97 #736CAA #9590BD #BCB9D1

#150D5E - #554D97 - #BCB9D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #150C5E 0%, #554D97 50%, #BCB9D1 100%);
    background: -webkit-linear-gradient(top, #150C5E 0%, #554D97 50%, #BCB9D1 100%);
    background: linear-gradient(to bottom, #150C5E 0%, #554D97 50%, #BCB9D1 100%);
}
</style>