#5E8DAF - #C6CAC4 | 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 #5E8DAF to #C6CAC4

#5E8DAF #C6CAC4

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

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

0.0%	0.0% #5E8DAF	RGB 94 141 175	#5E8DAF
16.7%	16.7% #6F97B2	RGB 111 151 178	#6F97B2
33.3%	33.3% #80A1B6	RGB 128 161 182	#80A1B6
50.0%	50.0% #92ABB9	RGB 146 171 185	#92ABB9
66.7%	66.7% #A3B5BD	RGB 163 181 189	#A3B5BD
83.3%	83.3% #B4BFC0	RGB 180 191 192	#B4BFC0
100.0%	100.0% #C6CAC4	RGB 198 202 196	#C6CAC4

#5E8DAF #6F97B2 #80A1B6 #92ABB9 #A3B5BD #B4BFC0 #C6CAC4

#5E8DAF - #C6CAC4

HSV Blend

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

0.0%	0.0% #5E8CAF	RGB 94 140 175	#5E8CAF
16.7%	16.7% #6DAAB3	RGB 109 170 179	#6DAAB3
33.3%	33.3% #7DB8AE	RGB 125 184 174	#7DB8AE
50.0%	50.0% #8EBCA7	RGB 142 188 167	#8EBCA7
66.7%	66.7% #9FC1A7	RGB 159 193 167	#9FC1A7
83.3%	83.3% #B2C5B1	RGB 178 197 177	#B2C5B1
100.0%	100.0% #C6CAC4	RGB 198 202 196	#C6CAC4

#5E8CAF #6DAAB3 #7DB8AE #8EBCA7 #9FC1A7 #B2C5B1 #C6CAC4

#5E8DAF - #8EBCA7 - #C6CAC4

CSS codes

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

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