#574B5C - #CFCBD0 | 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 #574B5C to #CFCBD0

#574B5C #CFCBD0

Calculate the color between two colors, #574B5C and #CFCBD0. 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)

#574B5C - #CFCBD0 | 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 #574B5C as 0% and #CFCBD0 as 100%.

0.0%	0.0% #574B5C	RGB 87 75 92	#574B5C
16.7%	16.7% #6B606F	RGB 107 96 111	#6B606F
33.3%	33.3% #7F7582	RGB 127 117 130	#7F7582
50.0%	50.0% #938B96	RGB 147 139 150	#938B96
66.7%	66.7% #A7A0A9	RGB 167 160 169	#A7A0A9
83.3%	83.3% #BBB5BC	RGB 187 181 188	#BBB5BC
100.0%	100.0% #CFCBD0	RGB 207 203 208	#CFCBD0

#574B5C #6B606F #7F7582 #938B96 #A7A0A9 #BBB5BC #CFCBD0

#574B5C - #CFCBD0

HSV Blend

#574B5C - #CFCBD0 | 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 #574B5C as 0% and #CFCBD0 as 100%.

0.0%	0.0% #574B5C	RGB 87 75 92	#574B5C
16.7%	16.7% #6A5D6F	RGB 106 93 111	#6A5D6F
33.3%	33.3% #7E7182	RGB 126 113 130	#7E7182
50.0%	50.0% #928696	RGB 146 134 150	#928696
66.7%	66.7% #A69CA9	RGB 166 156 169	#A69CA9
83.3%	83.3% #BAB3BC	RGB 186 179 188	#BAB3BC
100.0%	100.0% #CFCBD0	RGB 207 203 208	#CFCBD0

#574B5C #6A5D6F #7E7182 #928696 #A69CA9 #BAB3BC #CFCBD0

#574B5C - #928696 - #CFCBD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #574B5C 0%, #928696 50%, #CFCBD0 100%);
    background: -webkit-linear-gradient(top, #574B5C 0%, #928696 50%, #CFCBD0 100%);
    background: linear-gradient(to bottom, #574B5C 0%, #928696 50%, #CFCBD0 100%);
}
</style>