#1B1B5E - #BDBDD1 | 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 #1B1B5E to #BDBDD1

#1B1B5E #BDBDD1

Calculate the color between two colors, #1B1B5E and #BDBDD1. 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)

#1B1B5E - #BDBDD1 | 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 #1B1B5E as 0% and #BDBDD1 as 100%.

0.0%	0.0% #1B1B5E	RGB 27 27 94	#1B1B5E
16.7%	16.7% #363671	RGB 54 54 113	#363671
33.3%	33.3% #515184	RGB 81 81 132	#515184
50.0%	50.0% #6C6C97	RGB 108 108 151	#6C6C97
66.7%	66.7% #8787AA	RGB 135 135 170	#8787AA
83.3%	83.3% #A2A2BD	RGB 162 162 189	#A2A2BD
100.0%	100.0% #BDBDD1	RGB 189 189 209	#BDBDD1

#1B1B5E #363671 #515184 #6C6C97 #8787AA #A2A2BD #BDBDD1

#1B1B5E - #BDBDD1

HSV Blend

#1B1B5E - #BDBDD1 | 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 #1B1B5E as 0% and #BDBDD1 as 100%.

0.0%	0.0% #1B1B5E	RGB 27 27 94	#1B1B5E
16.7%	16.7% #2C2C71	RGB 44 44 113	#2C2C71
33.3%	33.3% #414184	RGB 65 65 132	#414184
50.0%	50.0% #5A5A97	RGB 90 90 151	#5A5A97
66.7%	66.7% #7777AA	RGB 119 119 170	#7777AA
83.3%	83.3% #9898BD	RGB 152 152 189	#9898BD
100.0%	100.0% #BDBDD1	RGB 189 189 209	#BDBDD1

#1B1B5E #2C2C71 #414184 #5A5A97 #7777AA #9898BD #BDBDD1

#1B1B5E - #5A5A97 - #BDBDD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B1B5E 0%, #5A5A97 50%, #BDBDD1 100%);
    background: -webkit-linear-gradient(top, #1B1B5E 0%, #5A5A97 50%, #BDBDD1 100%);
    background: linear-gradient(to bottom, #1B1B5E 0%, #5A5A97 50%, #BDBDD1 100%);
}
</style>