#1A2247 - #BDBFCA | 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 #1A2247 to #BDBFCA

#1A2247 #BDBFCA

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

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

0.0%	0.0% #1A2247	RGB 26 34 71	#1A2247
16.7%	16.7% #353C5C	RGB 53 60 92	#353C5C
33.3%	33.3% #505672	RGB 80 86 114	#505672
50.0%	50.0% #6B7088	RGB 107 112 136	#6B7088
66.7%	66.7% #868A9E	RGB 134 138 158	#868A9E
83.3%	83.3% #A1A4B4	RGB 161 164 180	#A1A4B4
100.0%	100.0% #BDBFCA	RGB 189 191 202	#BDBFCA

#1A2247 #353C5C #505672 #6B7088 #868A9E #A1A4B4 #BDBFCA

#1A2247 - #BDBFCA

HSV Blend

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

0.0%	0.0% #1A2247	RGB 26 34 71	#1A2247
16.7%	16.7% #2A335C	RGB 42 51 92	#2A335C
33.3%	33.3% #3F4872	RGB 63 72 114	#3F4872
50.0%	50.0% #586088	RGB 88 96 136	#586088
66.7%	66.7% #767C9E	RGB 118 124 158	#767C9E
83.3%	83.3% #979CB4	RGB 151 156 180	#979CB4
100.0%	100.0% #BDBFCA	RGB 189 191 202	#BDBFCA

#1A2247 #2A335C #3F4872 #586088 #767C9E #979CB4 #BDBFCA

#1A2247 - #586088 - #BDBFCA

CSS codes

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

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