#5E6CB4 - #BDC1C9 | 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 #5E6CB4 to #BDC1C9

#5E6CB4 #BDC1C9

Calculate the color between two colors, #5E6CB4 and #BDC1C9. 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)

#5E6CB4 - #BDC1C9 | 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 #5E6CB4 as 0% and #BDC1C9 as 100%.

0.0%	0.0% #5E6CB4	RGB 94 108 180	#5E6CB4
16.7%	16.7% #6D7AB7	RGB 109 122 183	#6D7AB7
33.3%	33.3% #7D88BB	RGB 125 136 187	#7D88BB
50.0%	50.0% #8D96BE	RGB 141 150 190	#8D96BE
66.7%	66.7% #9DA4C2	RGB 157 164 194	#9DA4C2
83.3%	83.3% #ADB2C5	RGB 173 178 197	#ADB2C5
100.0%	100.0% #BDC1C9	RGB 189 193 201	#BDC1C9

#5E6CB4 #6D7AB7 #7D88BB #8D96BE #9DA4C2 #ADB2C5 #BDC1C9

#5E6CB4 - #BDC1C9

HSV Blend

#5E6CB4 - #BDC1C9 | 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 #5E6CB4 as 0% and #BDC1C9 as 100%.

0.0%	0.0% #5E6CB4	RGB 94 108 180	#5E6CB4
16.7%	16.7% #6C7AB7	RGB 108 122 183	#6C7AB7
33.3%	33.3% #7B89BB	RGB 123 137 187	#7B89BB
50.0%	50.0% #8B98BE	RGB 139 152 190	#8B98BE
66.7%	66.7% #9BA6C2	RGB 155 166 194	#9BA6C2
83.3%	83.3% #ABB3C5	RGB 171 179 197	#ABB3C5
100.0%	100.0% #BDC1C9	RGB 189 193 201	#BDC1C9

#5E6CB4 #6C7AB7 #7B89BB #8B98BE #9BA6C2 #ABB3C5 #BDC1C9

#5E6CB4 - #8B98BE - #BDC1C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6CB4 0%, #8B98BE 50%, #BDC1C9 100%);
    background: -webkit-linear-gradient(top, #5E6CB4 0%, #8B98BE 50%, #BDC1C9 100%);
    background: linear-gradient(to bottom, #5E6CB4 0%, #8B98BE 50%, #BDC1C9 100%);
}
</style>