#5E72AC - #B0B5C4 | 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 #5E72AC to #B0B5C4

#5E72AC #B0B5C4

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

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

0.0%	0.0% #5E72AC	RGB 94 114 172	#5E72AC
16.7%	16.7% #6B7DB0	RGB 107 125 176	#6B7DB0
33.3%	33.3% #7988B4	RGB 121 136 180	#7988B4
50.0%	50.0% #8793B8	RGB 135 147 184	#8793B8
66.7%	66.7% #949EBC	RGB 148 158 188	#949EBC
83.3%	83.3% #A2A9C0	RGB 162 169 192	#A2A9C0
100.0%	100.0% #B0B5C4	RGB 176 181 196	#B0B5C4

#5E72AC #6B7DB0 #7988B4 #8793B8 #949EBC #A2A9C0 #B0B5C4

#5E72AC - #B0B5C4

HSV Blend

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

0.0%	0.0% #5E72AC	RGB 94 114 172	#5E72AC
16.7%	16.7% #6A7CB0	RGB 106 124 176	#6A7CB0
33.3%	33.3% #7786B4	RGB 119 134 180	#7786B4
50.0%	50.0% #8491B8	RGB 132 145 184	#8491B8
66.7%	66.7% #929DBC	RGB 146 157 188	#929DBC
83.3%	83.3% #A1A8C0	RGB 161 168 192	#A1A8C0
100.0%	100.0% #B0B5C4	RGB 176 181 196	#B0B5C4

#5E72AC #6A7CB0 #7786B4 #8491B8 #929DBC #A1A8C0 #B0B5C4

#5E72AC - #8491B8 - #B0B5C4

CSS codes

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

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