#B8CBE1 - #5E7DA9 | 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 #B8CBE1 to #5E7DA9

#B8CBE1 #5E7DA9

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

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

0.0%	0.0% #B8CBE1	RGB 184 203 225	#B8CBE1
16.7%	16.7% #A9BED7	RGB 169 190 215	#A9BED7
33.3%	33.3% #9AB1CE	RGB 154 177 206	#9AB1CE
50.0%	50.0% #8BA4C5	RGB 139 164 197	#8BA4C5
66.7%	66.7% #7C97BB	RGB 124 151 187	#7C97BB
83.3%	83.3% #6D8AB2	RGB 109 138 178	#6D8AB2
100.0%	100.0% #5E7DA9	RGB 94 125 169	#5E7DA9

#B8CBE1 #A9BED7 #9AB1CE #8BA4C5 #7C97BB #6D8AB2 #5E7DA9

#B8CBE1 - #5E7DA9

HSV Blend

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

0.0%	0.0% #B8CBE1	RGB 184 203 225	#B8CBE1
16.7%	16.7% #A6BDD7	RGB 166 189 215	#A6BDD7
33.3%	33.3% #96AFCE	RGB 150 175 206	#96AFCE
50.0%	50.0% #87A2C5	RGB 135 162 197	#87A2C5
66.7%	66.7% #7895BB	RGB 120 149 187	#7895BB
83.3%	83.3% #6A89B2	RGB 106 137 178	#6A89B2
100.0%	100.0% #5E7DA9	RGB 94 125 169	#5E7DA9

#B8CBE1 #A6BDD7 #96AFCE #87A2C5 #7895BB #6A89B2 #5E7DA9

#B8CBE1 - #87A2C5 - #5E7DA9

CSS codes

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

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