#5E8DB3 - #C4CAC7 | 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 #5E8DB3 to #C4CAC7

#5E8DB3 #C4CAC7

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

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

0.0%	0.0% #5E8DB3	RGB 94 141 179	#5E8DB3
16.7%	16.7% #6F97B6	RGB 111 151 182	#6F97B6
33.3%	33.3% #80A1B9	RGB 128 161 185	#80A1B9
50.0%	50.0% #91ABBD	RGB 145 171 189	#91ABBD
66.7%	66.7% #A2B5C0	RGB 162 181 192	#A2B5C0
83.3%	83.3% #B3BFC3	RGB 179 191 195	#B3BFC3
100.0%	100.0% #C4CAC7	RGB 196 202 199	#C4CAC7

#5E8DB3 #6F97B6 #80A1B9 #91ABBD #A2B5C0 #B3BFC3 #C4CAC7

#5E8DB3 - #C4CAC7

HSV Blend

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

0.0%	0.0% #5E8DB3	RGB 94 141 179	#5E8DB3
16.7%	16.7% #6DA1B6	RGB 109 161 182	#6DA1B6
33.3%	33.3% #7DB2BA	RGB 125 178 186	#7DB2BA
50.0%	50.0% #8EBEBD	RGB 142 190 189	#8EBEBD
66.7%	66.7% #9FC2BB	RGB 159 194 187	#9FC2BB
83.3%	83.3% #B1C6BF	RGB 177 198 191	#B1C6BF
100.0%	100.0% #C4CAC7	RGB 196 202 199	#C4CAC7

#5E8DB3 #6DA1B6 #7DB2BA #8EBEBD #9FC2BB #B1C6BF #C4CAC7

#5E8DB3 - #8EBEBD - #C4CAC7

CSS codes

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

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