#B5C2D9 - #5A739D | 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 #B5C2D9 to #5A739D

#B5C2D9 #5A739D

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

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

0.0%	0.0% #B5C2D9	RGB 181 194 217	#B5C2D9
16.7%	16.7% #A5B4CF	RGB 165 180 207	#A5B4CF
33.3%	33.3% #96A7C5	RGB 150 167 197	#96A7C5
50.0%	50.0% #879ABB	RGB 135 154 187	#879ABB
66.7%	66.7% #788DB1	RGB 120 141 177	#788DB1
83.3%	83.3% #6980A7	RGB 105 128 167	#6980A7
100.0%	100.0% #5A739D	RGB 90 115 157	#5A739D

#B5C2D9 #A5B4CF #96A7C5 #879ABB #788DB1 #6980A7 #5A739D

#B5C2D9 - #5A739D

HSV Blend

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

0.0%	0.0% #B5C2D9	RGB 181 194 217	#B5C2D9
16.7%	16.7% #A3B3CF	RGB 163 179 207	#A3B3CF
33.3%	33.3% #93A5C5	RGB 147 165 197	#93A5C5
50.0%	50.0% #8397BB	RGB 131 151 187	#8397BB
66.7%	66.7% #748BB1	RGB 116 139 177	#748BB1
83.3%	83.3% #667EA7	RGB 102 126 167	#667EA7
100.0%	100.0% #5A739D	RGB 90 115 157	#5A739D

#B5C2D9 #A3B3CF #93A5C5 #8397BB #748BB1 #667EA7 #5A739D

#B5C2D9 - #8397BB - #5A739D

CSS codes

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

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