#5A6C7B - #CFD5D9 | 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 #5A6C7B to #CFD5D9

#5A6C7B #CFD5D9

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

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

0.0%	0.0% #5A6C7B	RGB 90 108 123	#5A6C7B
16.7%	16.7% #6D7D8A	RGB 109 125 138	#6D7D8A
33.3%	33.3% #818F9A	RGB 129 143 154	#818F9A
50.0%	50.0% #94A0AA	RGB 148 160 170	#94A0AA
66.7%	66.7% #A8B2B9	RGB 168 178 185	#A8B2B9
83.3%	83.3% #BBC3C9	RGB 187 195 201	#BBC3C9
100.0%	100.0% #CFD5D9	RGB 207 213 217	#CFD5D9

#5A6C7B #6D7D8A #818F9A #94A0AA #A8B2B9 #BBC3C9 #CFD5D9

#5A6C7B - #CFD5D9

HSV Blend

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

0.0%	0.0% #5A6C7B	RGB 90 108 123	#5A6C7B
16.7%	16.7% #6A7C8A	RGB 106 124 138	#6A7C8A
33.3%	33.3% #7C8D9A	RGB 124 141 154	#7C8D9A
50.0%	50.0% #8F9EAA	RGB 143 158 170	#8F9EAA
66.7%	66.7% #A3B0B9	RGB 163 176 185	#A3B0B9
83.3%	83.3% #B8C2C9	RGB 184 194 201	#B8C2C9
100.0%	100.0% #CFD5D9	RGB 207 213 217	#CFD5D9

#5A6C7B #6A7C8A #7C8D9A #8F9EAA #A3B0B9 #B8C2C9 #CFD5D9

#5A6C7B - #8F9EAA - #CFD5D9

CSS codes

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

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