#5E918C - #C0AFAF | 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 #5E918C to #C0AFAF

#5E918C #C0AFAF

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

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

0.0%	0.0% #5E918C	RGB 94 145 140	#5E918C
16.7%	16.7% #6E9691	RGB 110 150 145	#6E9691
33.3%	33.3% #7E9B97	RGB 126 155 151	#7E9B97
50.0%	50.0% #8FA09D	RGB 143 160 157	#8FA09D
66.7%	66.7% #9FA5A3	RGB 159 165 163	#9FA5A3
83.3%	83.3% #AFAAA9	RGB 175 170 169	#AFAAA9
100.0%	100.0% #C0AFAF	RGB 192 175 175	#C0AFAF

#5E918C #6E9691 #7E9B97 #8FA09D #9FA5A3 #AFAAA9 #C0AFAF

#5E918C - #C0AFAF

HSV Blend

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

0.0%	0.0% #5E918C	RGB 94 145 140	#5E918C
16.7%	16.7% #69987D	RGB 105 152 125	#69987D
33.3%	33.3% #79A076	RGB 121 160 118	#79A076
50.0%	50.0% #97A883	RGB 151 168 131	#97A883
66.7%	66.7% #B0AF91	RGB 176 175 145	#B0AF91
83.3%	83.3% #B8AB9F	RGB 184 171 159	#B8AB9F
100.0%	100.0% #C0AFAF	RGB 192 175 175	#C0AFAF

#5E918C #69987D #79A076 #97A883 #B0AF91 #B8AB9F #C0AFAF

#5E918C - #97A883 - #C0AFAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E918C 0%, #97A883 50%, #C0AFAF 100%);
    background: -webkit-linear-gradient(top, #5E918C 0%, #97A883 50%, #C0AFAF 100%);
    background: linear-gradient(to bottom, #5E918C 0%, #97A883 50%, #C0AFAF 100%);
}
</style>