#B2B5DA - #51659D | 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 #B2B5DA to #51659D

#B2B5DA #51659D

Calculate the color between two colors, #B2B5DA and #51659D. 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)

#B2B5DA - #51659D | 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 #B2B5DA as 0% and #51659D as 100%.

0.0%	0.0% #B2B5DA	RGB 178 181 218	#B2B5DA
16.7%	16.7% #A1A7CF	RGB 161 167 207	#A1A7CF
33.3%	33.3% #919AC5	RGB 145 154 197	#919AC5
50.0%	50.0% #818DBB	RGB 129 141 187	#818DBB
66.7%	66.7% #717FB1	RGB 113 127 177	#717FB1
83.3%	83.3% #6172A7	RGB 97 114 167	#6172A7
100.0%	100.0% #51659D	RGB 81 101 157	#51659D

#B2B5DA #A1A7CF #919AC5 #818DBB #717FB1 #6172A7 #51659D

#B2B5DA - #51659D

HSV Blend

#B2B5DA - #51659D | 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 #B2B5DA as 0% and #51659D as 100%.

0.0%	0.0% #B2B5DA	RGB 178 181 218	#B2B5DA
16.7%	16.7% #9FA4CF	RGB 159 164 207	#9FA4CF
33.3%	33.3% #8D95C5	RGB 141 149 197	#8D95C5
50.0%	50.0% #7C87BB	RGB 124 135 187	#7C87BB
66.7%	66.7% #6D7AB1	RGB 109 122 177	#6D7AB1
83.3%	83.3% #5E6FA7	RGB 94 111 167	#5E6FA7
100.0%	100.0% #51659D	RGB 81 101 157	#51659D

#B2B5DA #9FA4CF #8D95C5 #7C87BB #6D7AB1 #5E6FA7 #51659D

#B2B5DA - #7C87BB - #51659D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B5DA 0%, #7C87BB 50%, #51659D 100%);
    background: -webkit-linear-gradient(top, #B2B5DA 0%, #7C87BB 50%, #51659D 100%);
    background: linear-gradient(to bottom, #B2B5DA 0%, #7C87BB 50%, #51659D 100%);
}
</style>