#1A0C3C - #BDB9C7 | 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 #1A0C3C to #BDB9C7

#1A0C3C #BDB9C7

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

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

0.0%	0.0% #1A0C3C	RGB 26 12 60	#1A0C3C
16.7%	16.7% #352853	RGB 53 40 83	#352853
33.3%	33.3% #50456A	RGB 80 69 106	#50456A
50.0%	50.0% #6B6281	RGB 107 98 129	#6B6281
66.7%	66.7% #867F98	RGB 134 127 152	#867F98
83.3%	83.3% #A19CAF	RGB 161 156 175	#A19CAF
100.0%	100.0% #BDB9C7	RGB 189 185 199	#BDB9C7

#1A0C3C #352853 #50456A #6B6281 #867F98 #A19CAF #BDB9C7

#1A0C3C - #BDB9C7

HSV Blend

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

0.0%	0.0% #1A0C3C	RGB 26 12 60	#1A0C3C
16.7%	16.7% #2B1A53	RGB 43 26 83	#2B1A53
33.3%	33.3% #402F6A	RGB 64 47 106	#402F6A
50.0%	50.0% #594981	RGB 89 73 129	#594981
66.7%	66.7% #766898	RGB 118 104 152	#766898
83.3%	83.3% #978EAF	RGB 151 142 175	#978EAF
100.0%	100.0% #BDB9C7	RGB 189 185 199	#BDB9C7

#1A0C3C #2B1A53 #402F6A #594981 #766898 #978EAF #BDB9C7

#1A0C3C - #594981 - #BDB9C7

CSS codes

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

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