#141D5E - #BBBED1 | 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 #141D5E to #BBBED1

#141D5E #BBBED1

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

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

0.0%	0.0% #141D5E	RGB 20 29 94	#141D5E
16.7%	16.7% #2F3771	RGB 47 55 113	#2F3771
33.3%	33.3% #4B5284	RGB 75 82 132	#4B5284
50.0%	50.0% #676D97	RGB 103 109 151	#676D97
66.7%	66.7% #8388AA	RGB 131 136 170	#8388AA
83.3%	83.3% #9FA3BD	RGB 159 163 189	#9FA3BD
100.0%	100.0% #BBBED1	RGB 187 190 209	#BBBED1

#141D5E #2F3771 #4B5284 #676D97 #8388AA #9FA3BD #BBBED1

#141D5E - #BBBED1

HSV Blend

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

0.0%	0.0% #131C5E	RGB 19 28 94	#131C5E
16.7%	16.7% #242E71	RGB 36 46 113	#242E71
33.3%	33.3% #3A4384	RGB 58 67 132	#3A4384
50.0%	50.0% #535C97	RGB 83 92 151	#535C97
66.7%	66.7% #7179AA	RGB 113 121 170	#7179AA
83.3%	83.3% #9499BD	RGB 148 153 189	#9499BD
100.0%	100.0% #BBBED1	RGB 187 190 209	#BBBED1

#131C5E #242E71 #3A4384 #535C97 #7179AA #9499BD #BBBED1

#141D5E - #535C97 - #BBBED1

CSS codes

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

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