#CFD4D5 - #828597 | 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 #CFD4D5 to #828597

#CFD4D5 #828597

Calculate the color between two colors, #CFD4D5 and #828597. 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)

#CFD4D5 - #828597 | 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 #CFD4D5 as 0% and #828597 as 100%.

0.0%	0.0% #CFD4D5	RGB 207 212 213	#CFD4D5
16.7%	16.7% #C2C6CA	RGB 194 198 202	#C2C6CA
33.3%	33.3% #B5B9C0	RGB 181 185 192	#B5B9C0
50.0%	50.0% #A8ACB6	RGB 168 172 182	#A8ACB6
66.7%	66.7% #9B9FAB	RGB 155 159 171	#9B9FAB
83.3%	83.3% #8E92A1	RGB 142 146 161	#8E92A1
100.0%	100.0% #828597	RGB 130 133 151	#828597

#CFD4D5 #C2C6CA #B5B9C0 #A8ACB6 #9B9FAB #8E92A1 #828597

#CFD4D5 - #828597

HSV Blend

#CFD4D5 - #828597 | 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 #CFD4D5 as 0% and #828597 as 100%.

0.0%	0.0% #CFD4D5	RGB 207 212 213	#CFD4D5
16.7%	16.7% #C1C8CA	RGB 193 200 202	#C1C8CA
33.3%	33.3% #B3BBC0	RGB 179 187 192	#B3BBC0
50.0%	50.0% #A6AEB6	RGB 166 174 182	#A6AEB6
66.7%	66.7% #9AA0AB	RGB 154 160 171	#9AA0AB
83.3%	83.3% #8D92A1	RGB 141 146 161	#8D92A1
100.0%	100.0% #828597	RGB 130 133 151	#828597

#CFD4D5 #C1C8CA #B3BBC0 #A6AEB6 #9AA0AB #8D92A1 #828597

#CFD4D5 - #A6AEB6 - #828597

CSS codes

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

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