#596E9A - #CFD5E2 | 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 #596E9A to #CFD5E2

#596E9A #CFD5E2

Calculate the color between two colors, #596E9A and #CFD5E2. 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)

#596E9A - #CFD5E2 | 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 #596E9A as 0% and #CFD5E2 as 100%.

0.0%	0.0% #596E9A	RGB 89 110 154	#596E9A
16.7%	16.7% #6C7FA6	RGB 108 127 166	#6C7FA6
33.3%	33.3% #8090B2	RGB 128 144 178	#8090B2
50.0%	50.0% #94A1BE	RGB 148 161 190	#94A1BE
66.7%	66.7% #A7B2CA	RGB 167 178 202	#A7B2CA
83.3%	83.3% #BBC3D6	RGB 187 195 214	#BBC3D6
100.0%	100.0% #CFD5E2	RGB 207 213 226	#CFD5E2

#596E9A #6C7FA6 #8090B2 #94A1BE #A7B2CA #BBC3D6 #CFD5E2

#596E9A - #CFD5E2

HSV Blend

#596E9A - #CFD5E2 | 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 #596E9A as 0% and #CFD5E2 as 100%.

0.0%	0.0% #596E9A	RGB 89 110 154	#596E9A
16.7%	16.7% #697CA6	RGB 105 124 166	#697CA6
33.3%	33.3% #7A8CB2	RGB 122 140 178	#7A8CB2
50.0%	50.0% #8D9DBE	RGB 141 157 190	#8D9DBE
66.7%	66.7% #A2AECA	RGB 162 174 202	#A2AECA
83.3%	83.3% #B7C1D6	RGB 183 193 214	#B7C1D6
100.0%	100.0% #CFD5E2	RGB 207 213 226	#CFD5E2

#596E9A #697CA6 #7A8CB2 #8D9DBE #A2AECA #B7C1D6 #CFD5E2

#596E9A - #8D9DBE - #CFD5E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #596E9A 0%, #8D9DBE 50%, #CFD5E2 100%);
    background: -webkit-linear-gradient(top, #596E9A 0%, #8D9DBE 50%, #CFD5E2 100%);
    background: linear-gradient(to bottom, #596E9A 0%, #8D9DBE 50%, #CFD5E2 100%);
}
</style>