#5E6EAF - #C0C5C6 | 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 #5E6EAF to #C0C5C6

#5E6EAF #C0C5C6

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

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

0.0%	0.0% #5E6EAF	RGB 94 110 175	#5E6EAF
16.7%	16.7% #6E7CB2	RGB 110 124 178	#6E7CB2
33.3%	33.3% #7E8BB6	RGB 126 139 182	#7E8BB6
50.0%	50.0% #8F99BA	RGB 143 153 186	#8F99BA
66.7%	66.7% #9FA8BE	RGB 159 168 190	#9FA8BE
83.3%	83.3% #AFB6C2	RGB 175 182 194	#AFB6C2
100.0%	100.0% #C0C5C6	RGB 192 197 198	#C0C5C6

#5E6EAF #6E7CB2 #7E8BB6 #8F99BA #9FA8BE #AFB6C2 #C0C5C6

#5E6EAF - #C0C5C6

HSV Blend

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

0.0%	0.0% #5E6EAF	RGB 94 110 175	#5E6EAF
16.7%	16.7% #6C82B2	RGB 108 130 178	#6C82B2
33.3%	33.3% #7C94B6	RGB 124 148 182	#7C94B6
50.0%	50.0% #8CA4BA	RGB 140 164 186	#8CA4BA
66.7%	66.7% #9DB1BE	RGB 157 177 190	#9DB1BE
83.3%	83.3% #AEBCC2	RGB 174 188 194	#AEBCC2
100.0%	100.0% #C0C5C6	RGB 192 197 198	#C0C5C6

#5E6EAF #6C82B2 #7C94B6 #8CA4BA #9DB1BE #AEBCC2 #C0C5C6

#5E6EAF - #8CA4BA - #C0C5C6

CSS codes

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

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