#5A5E5B - #CFD1CF | 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 #5A5E5B to #CFD1CF

#5A5E5B #CFD1CF

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

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

0.0%	0.0% #5A5E5B	RGB 90 94 91	#5A5E5B
16.7%	16.7% #6D716E	RGB 109 113 110	#6D716E
33.3%	33.3% #818481	RGB 129 132 129	#818481
50.0%	50.0% #949795	RGB 148 151 149	#949795
66.7%	66.7% #A8AAA8	RGB 168 170 168	#A8AAA8
83.3%	83.3% #BBBDBB	RGB 187 189 187	#BBBDBB
100.0%	100.0% #CFD1CF	RGB 207 209 207	#CFD1CF

#5A5E5B #6D716E #818481 #949795 #A8AAA8 #BBBDBB #CFD1CF

#5A5E5B - #CFD1CF

HSV Blend

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

0.0%	0.0% #5A5E5B	RGB 90 94 91	#5A5E5B
16.7%	16.7% #6C716D	RGB 108 113 109	#6C716D
33.3%	33.3% #808480	RGB 128 132 128	#808480
50.0%	50.0% #939794	RGB 147 151 148	#939794
66.7%	66.7% #A7AAA7	RGB 167 170 167	#A7AAA7
83.3%	83.3% #BABDBB	RGB 186 189 187	#BABDBB
100.0%	100.0% #CFD1CF	RGB 207 209 207	#CFD1CF

#5A5E5B #6C716D #808480 #939794 #A7AAA7 #BABDBB #CFD1CF

#5A5E5B - #939794 - #CFD1CF

CSS codes

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

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