#5E82A1 - #C3C2BB | 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 #5E82A1 to #C3C2BB

#5E82A1 #C3C2BB

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

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

0.0%	0.0% #5E82A1	RGB 94 130 161	#5E82A1
16.7%	16.7% #6E8CA5	RGB 110 140 165	#6E8CA5
33.3%	33.3% #7F97A9	RGB 127 151 169	#7F97A9
50.0%	50.0% #90A2AE	RGB 144 162 174	#90A2AE
66.7%	66.7% #A1ACB2	RGB 161 172 178	#A1ACB2
83.3%	83.3% #B2B7B6	RGB 178 183 182	#B2B7B6
100.0%	100.0% #C3C2BB	RGB 195 194 187	#C3C2BB

#5E82A1 #6E8CA5 #7F97A9 #90A2AE #A1ACB2 #B2B7B6 #C3C2BB

#5E82A1 - #C3C2BB

HSV Blend

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

0.0%	0.0% #5E82A1	RGB 94 130 161	#5E82A1
16.7%	16.7% #6BA4A6	RGB 107 164 166	#6BA4A6
33.3%	33.3% #7AAC98	RGB 122 172 152	#7AAC98
50.0%	50.0% #89B290	RGB 137 178 144	#89B290
66.7%	66.7% #A1B799	RGB 161 183 153	#A1B799
83.3%	83.3% #B7BDA9	RGB 183 189 169	#B7BDA9
100.0%	100.0% #C3C2BB	RGB 195 194 187	#C3C2BB

#5E82A1 #6BA4A6 #7AAC98 #89B290 #A1B799 #B7BDA9 #C3C2BB

#5E82A1 - #89B290 - #C3C2BB

CSS codes

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

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