#57585C - #CFCFD0 | 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 #57585C to #CFCFD0

#57585C #CFCFD0

Calculate the color between two colors, #57585C and #CFCFD0. 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)

#57585C - #CFCFD0 | 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 #57585C as 0% and #CFCFD0 as 100%.

0.0%	0.0% #57585C	RGB 87 88 92	#57585C
16.7%	16.7% #6B6B6F	RGB 107 107 111	#6B6B6F
33.3%	33.3% #7F7F82	RGB 127 127 130	#7F7F82
50.0%	50.0% #939396	RGB 147 147 150	#939396
66.7%	66.7% #A7A7A9	RGB 167 167 169	#A7A7A9
83.3%	83.3% #BBBBBC	RGB 187 187 188	#BBBBBC
100.0%	100.0% #CFCFD0	RGB 207 207 208	#CFCFD0

#57585C #6B6B6F #7F7F82 #939396 #A7A7A9 #BBBBBC #CFCFD0

#57585C - #CFCFD0

HSV Blend

#57585C - #CFCFD0 | 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 #57585C as 0% and #CFCFD0 as 100%.

0.0%	0.0% #57585C	RGB 87 88 92	#57585C
16.7%	16.7% #6A6B6F	RGB 106 107 111	#6A6B6F
33.3%	33.3% #7D7E82	RGB 125 126 130	#7D7E82
50.0%	50.0% #919296	RGB 145 146 150	#919296
66.7%	66.7% #A5A5A9	RGB 165 165 169	#A5A5A9
83.3%	83.3% #BABABC	RGB 186 186 188	#BABABC
100.0%	100.0% #CFCFD0	RGB 207 207 208	#CFCFD0

#57585C #6A6B6F #7D7E82 #919296 #A5A5A9 #BABABC #CFCFD0

#57585C - #919296 - #CFCFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #57585C 0%, #919296 50%, #CFCFD0 100%);
    background: -webkit-linear-gradient(top, #57585C 0%, #919296 50%, #CFCFD0 100%);
    background: linear-gradient(to bottom, #57585C 0%, #919296 50%, #CFCFD0 100%);
}
</style>