#C4C4C7 - #657D85 | 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 #C4C4C7 to #657D85

#C4C4C7 #657D85

Calculate the color between two colors, #C4C4C7 and #657D85. 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)

#C4C4C7 - #657D85 | 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 #C4C4C7 as 0% and #657D85 as 100%.

0.0%	0.0% #C4C4C7	RGB 196 196 199	#C4C4C7
16.7%	16.7% #B4B8BC	RGB 180 184 188	#B4B8BC
33.3%	33.3% #A4ACB1	RGB 164 172 177	#A4ACB1
50.0%	50.0% #94A0A6	RGB 148 160 166	#94A0A6
66.7%	66.7% #84949B	RGB 132 148 155	#84949B
83.3%	83.3% #748890	RGB 116 136 144	#748890
100.0%	100.0% #657D85	RGB 101 125 133	#657D85

#C4C4C7 #B4B8BC #A4ACB1 #94A0A6 #84949B #748890 #657D85

#C4C4C7 - #657D85

HSV Blend

#C4C4C7 - #657D85 | 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 #C4C4C7 as 0% and #657D85 as 100%.

0.0%	0.0% #C4C4C7	RGB 196 196 199	#C4C4C7
16.7%	16.7% #B2B3BC	RGB 178 179 188	#B2B3BC
33.3%	33.3% #A1A5B1	RGB 161 165 177	#A1A5B1
50.0%	50.0% #9098A6	RGB 144 152 166	#9098A6
66.7%	66.7% #818E9B	RGB 129 142 155	#818E9B
83.3%	83.3% #728590	RGB 114 133 144	#728590
100.0%	100.0% #657D85	RGB 101 125 133	#657D85

#C4C4C7 #B2B3BC #A1A5B1 #9098A6 #818E9B #728590 #657D85

#C4C4C7 - #9098A6 - #657D85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4C4C7 0%, #9098A6 50%, #657D85 100%);
    background: -webkit-linear-gradient(top, #C4C4C7 0%, #9098A6 50%, #657D85 100%);
    background: linear-gradient(to bottom, #C4C4C7 0%, #9098A6 50%, #657D85 100%);
}
</style>