#5E828A - #CEC3AC | 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 #5E828A to #CEC3AC

#5E828A #CEC3AC

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

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

0.0%	0.0% #5E828A	RGB 94 130 138	#5E828A
16.7%	16.7% #708C8F	RGB 112 140 143	#708C8F
33.3%	33.3% #839795	RGB 131 151 149	#839795
50.0%	50.0% #96A29B	RGB 150 162 155	#96A29B
66.7%	66.7% #A8ADA0	RGB 168 173 160	#A8ADA0
83.3%	83.3% #BBB8A6	RGB 187 184 166	#BBB8A6
100.0%	100.0% #CEC3AC	RGB 206 195 172	#CEC3AC

#5E828A #708C8F #839795 #96A29B #A8ADA0 #BBB8A6 #CEC3AC

#5E828A - #CEC3AC

HSV Blend

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

0.0%	0.0% #5E828A	RGB 94 130 138	#5E828A
16.7%	16.7% #69958B	RGB 105 149 139	#69958B
33.3%	33.3% #75A084	RGB 117 160 132	#75A084
50.0%	50.0% #85AC82	RGB 133 172 130	#85AC82
66.7%	66.7% #A3B78F	RGB 163 183 143	#A3B78F
83.3%	83.3% #BFC29D	RGB 191 194 157	#BFC29D
100.0%	100.0% #CEC3AC	RGB 206 195 172	#CEC3AC

#5E828A #69958B #75A084 #85AC82 #A3B78F #BFC29D #CEC3AC

#5E828A - #85AC82 - #CEC3AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E828A 0%, #85AC82 50%, #CEC3AC 100%);
    background: -webkit-linear-gradient(top, #5E828A 0%, #85AC82 50%, #CEC3AC 100%);
    background: linear-gradient(to bottom, #5E828A 0%, #85AC82 50%, #CEC3AC 100%);
}
</style>