#5E87AF - #C0C6C5 | 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 #5E87AF to #C0C6C5

#5E87AF #C0C6C5

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

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

0.0%	0.0% #5E87AF	RGB 94 135 175	#5E87AF
16.7%	16.7% #6E91B2	RGB 110 145 178	#6E91B2
33.3%	33.3% #7E9CB6	RGB 126 156 182	#7E9CB6
50.0%	50.0% #8FA6BA	RGB 143 166 186	#8FA6BA
66.7%	66.7% #9FB1BD	RGB 159 177 189	#9FB1BD
83.3%	83.3% #AFBBC1	RGB 175 187 193	#AFBBC1
100.0%	100.0% #C0C6C5	RGB 192 198 197	#C0C6C5

#5E87AF #6E91B2 #7E9CB6 #8FA6BA #9FB1BD #AFBBC1 #C0C6C5

#5E87AF - #C0C6C5

HSV Blend

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

0.0%	0.0% #5E86AF	RGB 94 134 175	#5E86AF
16.7%	16.7% #6C98B2	RGB 108 152 178	#6C98B2
33.3%	33.3% #7CA6B6	RGB 124 166 182	#7CA6B6
50.0%	50.0% #8CB2BA	RGB 140 178 186	#8CB2BA
66.7%	66.7% #9DBCBE	RGB 157 188 190	#9DBCBE
83.3%	83.3% #AEC2C1	RGB 174 194 193	#AEC2C1
100.0%	100.0% #C0C6C5	RGB 192 198 197	#C0C6C5

#5E86AF #6C98B2 #7CA6B6 #8CB2BA #9DBCBE #AEC2C1 #C0C6C5

#5E87AF - #8CB2BA - #C0C6C5

CSS codes

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

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