#5A8BB4 - #C0C9C9 | 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 #5A8BB4 to #C0C9C9

#5A8BB4 #C0C9C9

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

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

0.0%	0.0% #5A8BB4	RGB 90 139 180	#5A8BB4
16.7%	16.7% #6B95B7	RGB 107 149 183	#6B95B7
33.3%	33.3% #7C9FBB	RGB 124 159 187	#7C9FBB
50.0%	50.0% #8DAABE	RGB 141 170 190	#8DAABE
66.7%	66.7% #9EB4C2	RGB 158 180 194	#9EB4C2
83.3%	83.3% #AFBEC5	RGB 175 190 197	#AFBEC5
100.0%	100.0% #C0C9C9	RGB 192 201 201	#C0C9C9

#5A8BB4 #6B95B7 #7C9FBB #8DAABE #9EB4C2 #AFBEC5 #C0C9C9

#5A8BB4 - #C0C9C9

HSV Blend

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

0.0%	0.0% #5A8AB4	RGB 90 138 180	#5A8AB4
16.7%	16.7% #6999B7	RGB 105 153 183	#6999B7
33.3%	33.3% #79A7BB	RGB 121 167 187	#79A7BB
50.0%	50.0% #8AB2BE	RGB 138 178 190	#8AB2BE
66.7%	66.7% #9BBCC2	RGB 155 188 194	#9BBCC2
83.3%	83.3% #ADC3C5	RGB 173 195 197	#ADC3C5
100.0%	100.0% #C0C9C9	RGB 192 201 201	#C0C9C9

#5A8AB4 #6999B7 #79A7BB #8AB2BE #9BBCC2 #ADC3C5 #C0C9C9

#5A8BB4 - #8AB2BE - #C0C9C9

CSS codes

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

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