#1B203B - #BDBFC7 | 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 #1B203B to #BDBFC7

#1B203B #BDBFC7

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

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

0.0%	0.0% #1B203B	RGB 27 32 59	#1B203B
16.7%	16.7% #363A52	RGB 54 58 82	#363A52
33.3%	33.3% #515569	RGB 81 85 105	#515569
50.0%	50.0% #6C6F81	RGB 108 111 129	#6C6F81
66.7%	66.7% #878A98	RGB 135 138 152	#878A98
83.3%	83.3% #A2A4AF	RGB 162 164 175	#A2A4AF
100.0%	100.0% #BDBFC7	RGB 189 191 199	#BDBFC7

#1B203B #363A52 #515569 #6C6F81 #878A98 #A2A4AF #BDBFC7

#1B203B - #BDBFC7

HSV Blend

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

0.0%	0.0% #1B203B	RGB 27 32 59	#1B203B
16.7%	16.7% #2C3252	RGB 44 50 82	#2C3252
33.3%	33.3% #414869	RGB 65 72 105	#414869
50.0%	50.0% #5A6181	RGB 90 97 129	#5A6181
66.7%	66.7% #777D98	RGB 119 125 152	#777D98
83.3%	83.3% #989CAF	RGB 152 156 175	#989CAF
100.0%	100.0% #BDBFC7	RGB 189 191 199	#BDBFC7

#1B203B #2C3252 #414869 #5A6181 #777D98 #989CAF #BDBFC7

#1B203B - #5A6181 - #BDBFC7

CSS codes

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

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