#5E8DB2 - #C4CAC6 | 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 #5E8DB2 to #C4CAC6

#5E8DB2 #C4CAC6

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

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

0.0%	0.0% #5E8DB2	RGB 94 141 178	#5E8DB2
16.7%	16.7% #6F97B5	RGB 111 151 181	#6F97B5
33.3%	33.3% #80A1B8	RGB 128 161 184	#80A1B8
50.0%	50.0% #91ABBC	RGB 145 171 188	#91ABBC
66.7%	66.7% #A2B5BF	RGB 162 181 191	#A2B5BF
83.3%	83.3% #B3BFC2	RGB 179 191 194	#B3BFC2
100.0%	100.0% #C4CAC6	RGB 196 202 198	#C4CAC6

#5E8DB2 #6F97B5 #80A1B8 #91ABBC #A2B5BF #B3BFC2 #C4CAC6

#5E8DB2 - #C4CAC6

HSV Blend

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

0.0%	0.0% #5E8CB2	RGB 94 140 178	#5E8CB2
16.7%	16.7% #6DA3B6	RGB 109 163 182	#6DA3B6
33.3%	33.3% #7DB5BA	RGB 125 181 186	#7DB5BA
50.0%	50.0% #8EBEB8	RGB 142 190 184	#8EBEB8
66.7%	66.7% #9FC2B7	RGB 159 194 183	#9FC2B7
83.3%	83.3% #B1C6BC	RGB 177 198 188	#B1C6BC
100.0%	100.0% #C4CAC6	RGB 196 202 198	#C4CAC6

#5E8CB2 #6DA3B6 #7DB5BA #8EBEB8 #9FC2B7 #B1C6BC #C4CAC6

#5E8DB2 - #8EBEB8 - #C4CAC6

CSS codes

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

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