#5E7596 - #BCB7B2 | 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 #5E7596 to #BCB7B2

#5E7596 #BCB7B2

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

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

0.0%	0.0% #5E7596	RGB 94 117 150	#5E7596
16.7%	16.7% #6D809A	RGB 109 128 154	#6D809A
33.3%	33.3% #7D8B9F	RGB 125 139 159	#7D8B9F
50.0%	50.0% #8D96A4	RGB 141 150 164	#8D96A4
66.7%	66.7% #9CA1A8	RGB 156 161 168	#9CA1A8
83.3%	83.3% #ACACAD	RGB 172 172 173	#ACACAD
100.0%	100.0% #BCB7B2	RGB 188 183 178	#BCB7B2

#5E7596 #6D809A #7D8B9F #8D96A4 #9CA1A8 #ACACAD #BCB7B2

#5E7596 - #BCB7B2

HSV Blend

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

0.0%	0.0% #5E7596	RGB 94 117 150	#5E7596
16.7%	16.7% #6E6A9C	RGB 110 106 156	#6E6A9C
33.3%	33.3% #8F77A2	RGB 143 119 162	#8F77A2
50.0%	50.0% #A984A7	RGB 169 132 167	#A984A7
66.7%	66.7% #AF93A0	RGB 175 147 160	#AF93A0
83.3%	83.3% #B5A2A2	RGB 181 162 162	#B5A2A2
100.0%	100.0% #BCB7B2	RGB 188 183 178	#BCB7B2

#5E7596 #6E6A9C #8F77A2 #A984A7 #AF93A0 #B5A2A2 #BCB7B2

#5E7596 - #A984A7 - #BCB7B2

CSS codes

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

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