#5E818F - #CCC2AF | 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 #5E818F to #CCC2AF

#5E818F #CCC2AF

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

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

0.0%	0.0% #5E818F	RGB 94 129 143	#5E818F
16.7%	16.7% #708B94	RGB 112 139 148	#708B94
33.3%	33.3% #829699	RGB 130 150 153	#829699
50.0%	50.0% #95A19F	RGB 149 161 159	#95A19F
66.7%	66.7% #A7ACA4	RGB 167 172 164	#A7ACA4
83.3%	83.3% #B9B7A9	RGB 185 183 169	#B9B7A9
100.0%	100.0% #CCC2AF	RGB 204 194 175	#CCC2AF

#5E818F #708B94 #829699 #95A19F #A7ACA4 #B9B7A9 #CCC2AF

#5E818F - #CCC2AF

HSV Blend

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

0.0%	0.0% #5E818F	RGB 94 129 143	#5E818F
16.7%	16.7% #699991	RGB 105 153 145	#699991
33.3%	33.3% #76A388	RGB 118 163 136	#76A388
50.0%	50.0% #84AD83	RGB 132 173 131	#84AD83
66.7%	66.7% #A3B791	RGB 163 183 145	#A3B791
83.3%	83.3% #BEC19F	RGB 190 193 159	#BEC19F
100.0%	100.0% #CCC2AF	RGB 204 194 175	#CCC2AF

#5E818F #699991 #76A388 #84AD83 #A3B791 #BEC19F #CCC2AF

#5E818F - #84AD83 - #CCC2AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E818F 0%, #84AD83 50%, #CCC2AF 100%);
    background: -webkit-linear-gradient(top, #5E818F 0%, #84AD83 50%, #CCC2AF 100%);
    background: linear-gradient(to bottom, #5E818F 0%, #84AD83 50%, #CCC2AF 100%);
}
</style>