#141B5E - #BCBDD1 | 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 #141B5E to #BCBDD1

#141B5E #BCBDD1

Calculate the color between two colors, #141B5E and #BCBDD1. 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)

#141B5E - #BCBDD1 | 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 #141B5E as 0% and #BCBDD1 as 100%.

0.0%	0.0% #141B5E	RGB 20 27 94	#141B5E
16.7%	16.7% #303671	RGB 48 54 113	#303671
33.3%	33.3% #4C5184	RGB 76 81 132	#4C5184
50.0%	50.0% #686C97	RGB 104 108 151	#686C97
66.7%	66.7% #8487AA	RGB 132 135 170	#8487AA
83.3%	83.3% #A0A2BD	RGB 160 162 189	#A0A2BD
100.0%	100.0% #BCBDD1	RGB 188 189 209	#BCBDD1

#141B5E #303671 #4C5184 #686C97 #8487AA #A0A2BD #BCBDD1

#141B5E - #BCBDD1

HSV Blend

#141B5E - #BCBDD1 | 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 #141B5E as 0% and #BCBDD1 as 100%.

0.0%	0.0% #131A5E	RGB 19 26 94	#131A5E
16.7%	16.7% #252B71	RGB 37 43 113	#252B71
33.3%	33.3% #3A4084	RGB 58 64 132	#3A4084
50.0%	50.0% #545997	RGB 84 89 151	#545997
66.7%	66.7% #7276AA	RGB 114 118 170	#7276AA
83.3%	83.3% #9597BD	RGB 149 151 189	#9597BD
100.0%	100.0% #BCBDD1	RGB 188 189 209	#BCBDD1

#131A5E #252B71 #3A4084 #545997 #7276AA #9597BD #BCBDD1

#141B5E - #545997 - #BCBDD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #131A5E 0%, #545997 50%, #BCBDD1 100%);
    background: -webkit-linear-gradient(top, #131A5E 0%, #545997 50%, #BCBDD1 100%);
    background: linear-gradient(to bottom, #131A5E 0%, #545997 50%, #BCBDD1 100%);
}
</style>