#5E89A1 - #C9C8BB | 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 #5E89A1 to #C9C8BB

#5E89A1 #C9C8BB

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

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

0.0%	0.0% #5E89A1	RGB 94 137 161	#5E89A1
16.7%	16.7% #6F93A5	RGB 111 147 165	#6F93A5
33.3%	33.3% #819EA9	RGB 129 158 169	#819EA9
50.0%	50.0% #93A8AE	RGB 147 168 174	#93A8AE
66.7%	66.7% #A5B3B2	RGB 165 179 178	#A5B3B2
83.3%	83.3% #B7BDB6	RGB 183 189 182	#B7BDB6
100.0%	100.0% #C9C8BB	RGB 201 200 187	#C9C8BB

#5E89A1 #6F93A5 #819EA9 #93A8AE #A5B3B2 #B7BDB6 #C9C8BB

#5E89A1 - #C9C8BB

HSV Blend

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

0.0%	0.0% #5E89A1	RGB 94 137 161	#5E89A1
16.7%	16.7% #6BA7A4	RGB 107 167 164	#6BA7A4
33.3%	33.3% #79AE96	RGB 121 174 150	#79AE96
50.0%	50.0% #89B58F	RGB 137 181 143	#89B58F
66.7%	66.7% #A2BB98	RGB 162 187 152	#A2BB98
83.3%	83.3% #BAC2A9	RGB 186 194 169	#BAC2A9
100.0%	100.0% #C9C8BB	RGB 201 200 187	#C9C8BB

#5E89A1 #6BA7A4 #79AE96 #89B58F #A2BB98 #BAC2A9 #C9C8BB

#5E89A1 - #89B58F - #C9C8BB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E89A1 0%, #89B58F 50%, #C9C8BB 100%);
    background: -webkit-linear-gradient(top, #5E89A1 0%, #89B58F 50%, #C9C8BB 100%);
    background: linear-gradient(to bottom, #5E89A1 0%, #89B58F 50%, #C9C8BB 100%);
}
</style>