#5E7E9B - #C2BFB7 | 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 #5E7E9B to #C2BFB7

#5E7E9B #C2BFB7

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

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

0.0%	0.0% #5E7E9B	RGB 94 126 155	#5E7E9B
16.7%	16.7% #6E889F	RGB 110 136 159	#6E889F
33.3%	33.3% #7F93A4	RGB 127 147 164	#7F93A4
50.0%	50.0% #909EA9	RGB 144 158 169	#909EA9
66.7%	66.7% #A0A9AD	RGB 160 169 173	#A0A9AD
83.3%	83.3% #B1B4B2	RGB 177 180 178	#B1B4B2
100.0%	100.0% #C2BFB7	RGB 194 191 183	#C2BFB7

#5E7E9B #6E889F #7F93A4 #909EA9 #A0A9AD #B1B4B2 #C2BFB7

#5E7E9B - #C2BFB7

HSV Blend

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

0.0%	0.0% #5E7E9B	RGB 94 126 155	#5E7E9B
16.7%	16.7% #6BA0A1	RGB 107 160 161	#6BA0A1
33.3%	33.3% #78A893	RGB 120 168 147	#78A893
50.0%	50.0% #87AE8B	RGB 135 174 139	#87AE8B
66.7%	66.7% #A1B596	RGB 161 181 150	#A1B596
83.3%	83.3% #B7BBA6	RGB 183 187 166	#B7BBA6
100.0%	100.0% #C2BFB7	RGB 194 191 183	#C2BFB7

#5E7E9B #6BA0A1 #78A893 #87AE8B #A1B596 #B7BBA6 #C2BFB7

#5E7E9B - #87AE8B - #C2BFB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E9B 0%, #87AE8B 50%, #C2BFB7 100%);
    background: -webkit-linear-gradient(top, #5E7E9B 0%, #87AE8B 50%, #C2BFB7 100%);
    background: linear-gradient(to bottom, #5E7E9B 0%, #87AE8B 50%, #C2BFB7 100%);
}
</style>