#5E8DAD - #C7CAC3 | 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 #5E8DAD to #C7CAC3

#5E8DAD #C7CAC3

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

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

0.0%	0.0% #5E8DAD	RGB 94 141 173	#5E8DAD
16.7%	16.7% #6F97B0	RGB 111 151 176	#6F97B0
33.3%	33.3% #81A1B4	RGB 129 161 180	#81A1B4
50.0%	50.0% #92ABB8	RGB 146 171 184	#92ABB8
66.7%	66.7% #A4B5BB	RGB 164 181 187	#A4B5BB
83.3%	83.3% #B5BFBF	RGB 181 191 191	#B5BFBF
100.0%	100.0% #C7CAC3	RGB 199 202 195	#C7CAC3

#5E8DAD #6F97B0 #81A1B4 #92ABB8 #A4B5BB #B5BFBF #C7CAC3

#5E8DAD - #C7CAC3

HSV Blend

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

0.0%	0.0% #5E8DAD	RGB 94 141 173	#5E8DAD
16.7%	16.7% #6DACB1	RGB 109 172 177	#6DACB1
33.3%	33.3% #7CB6A8	RGB 124 182 168	#7CB6A8
50.0%	50.0% #8DBBA0	RGB 141 187 160	#8DBBA0
66.7%	66.7% #9EC0A1	RGB 158 192 161	#9EC0A1
83.3%	83.3% #B5C5B0	RGB 181 197 176	#B5C5B0
100.0%	100.0% #C7CAC3	RGB 199 202 195	#C7CAC3

#5E8DAD #6DACB1 #7CB6A8 #8DBBA0 #9EC0A1 #B5C5B0 #C7CAC3

#5E8DAD - #8DBBA0 - #C7CAC3

CSS codes

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

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