#1A007D - #BDB6D9 | 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 #1A007D to #BDB6D9

#1A007D #BDB6D9

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

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

0.0%	0.0% #1A007D	RGB 26 0 125	#1A007D
16.7%	16.7% #351E8C	RGB 53 30 140	#351E8C
33.3%	33.3% #503C9B	RGB 80 60 155	#503C9B
50.0%	50.0% #6B5BAB	RGB 107 91 171	#6B5BAB
66.7%	66.7% #8679BA	RGB 134 121 186	#8679BA
83.3%	83.3% #A197C9	RGB 161 151 201	#A197C9
100.0%	100.0% #BDB6D9	RGB 189 182 217	#BDB6D9

#1A007D #351E8C #503C9B #6B5BAB #8679BA #A197C9 #BDB6D9

#1A007D - #BDB6D9

HSV Blend

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

0.0%	0.0% #1A007D	RGB 26 0 125	#1A007D
16.7%	16.7% #2C138C	RGB 44 19 140	#2C138C
33.3%	33.3% #422B9B	RGB 66 43 155	#422B9B
50.0%	50.0% #5B47AB	RGB 91 71 171	#5B47AB
66.7%	66.7% #7868BA	RGB 120 104 186	#7868BA
83.3%	83.3% #998CC9	RGB 153 140 201	#998CC9
100.0%	100.0% #BDB6D9	RGB 189 182 217	#BDB6D9

#1A007D #2C138C #422B9B #5B47AB #7868BA #998CC9 #BDB6D9

#1A007D - #5B47AB - #BDB6D9

CSS codes

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

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