#5E8AB5 - #C0C8C9 | 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 #5E8AB5 to #C0C8C9

#5E8AB5 #C0C8C9

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

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

0.0%	0.0% #5E8AB5	RGB 94 138 181	#5E8AB5
16.7%	16.7% #6E94B8	RGB 110 148 184	#6E94B8
33.3%	33.3% #7E9EBB	RGB 126 158 187	#7E9EBB
50.0%	50.0% #8FA9BF	RGB 143 169 191	#8FA9BF
66.7%	66.7% #9FB3C2	RGB 159 179 194	#9FB3C2
83.3%	83.3% #AFBDC5	RGB 175 189 197	#AFBDC5
100.0%	100.0% #C0C8C9	RGB 192 200 201	#C0C8C9

#5E8AB5 #6E94B8 #7E9EBB #8FA9BF #9FB3C2 #AFBDC5 #C0C8C9

#5E8AB5 - #C0C8C9

HSV Blend

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

0.0%	0.0% #5E8AB5	RGB 94 138 181	#5E8AB5
16.7%	16.7% #6D97B8	RGB 109 151 184	#6D97B8
33.3%	33.3% #7CA4BB	RGB 124 164 187	#7CA4BB
50.0%	50.0% #8CAFBF	RGB 140 175 191	#8CAFBF
66.7%	66.7% #9DB9C2	RGB 157 185 194	#9DB9C2
83.3%	83.3% #AEC1C5	RGB 174 193 197	#AEC1C5
100.0%	100.0% #C0C8C9	RGB 192 200 201	#C0C8C9

#5E8AB5 #6D97B8 #7CA4BB #8CAFBF #9DB9C2 #AEC1C5 #C0C8C9

#5E8AB5 - #8CAFBF - #C0C8C9

CSS codes

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

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