#5E859C - #C8C5B8 | 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 #5E859C to #C8C5B8

#5E859C #C8C5B8

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

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

0.0%	0.0% #5E859C	RGB 94 133 156	#5E859C
16.7%	16.7% #6F8FA0	RGB 111 143 160	#6F8FA0
33.3%	33.3% #819AA5	RGB 129 154 165	#819AA5
50.0%	50.0% #93A5AA	RGB 147 165 170	#93A5AA
66.7%	66.7% #A4AFAE	RGB 164 175 174	#A4AFAE
83.3%	83.3% #B6BAB3	RGB 182 186 179	#B6BAB3
100.0%	100.0% #C8C5B8	RGB 200 197 184	#C8C5B8

#5E859C #6F8FA0 #819AA5 #93A5AA #A4AFAE #B6BAB3 #C8C5B8

#5E859C - #C8C5B8

HSV Blend

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

0.0%	0.0% #5E859C	RGB 94 133 156	#5E859C
16.7%	16.7% #6BA3A0	RGB 107 163 160	#6BA3A0
33.3%	33.3% #78AA92	RGB 120 170 146	#78AA92
50.0%	50.0% #87B28B	RGB 135 178 139	#87B28B
66.7%	66.7% #A2B996	RGB 162 185 150	#A2B996
83.3%	83.3% #BAC0A7	RGB 186 192 167	#BAC0A7
100.0%	100.0% #C8C5B8	RGB 200 197 184	#C8C5B8

#5E859C #6BA3A0 #78AA92 #87B28B #A2B996 #BAC0A7 #C8C5B8

#5E859C - #87B28B - #C8C5B8

CSS codes

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

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