#828F98 - #CDA9AC | 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 #828F98 to #CDA9AC

#828F98 #CDA9AC

Calculate the color between two colors, #828F98 and #CDA9AC. 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)

#828F98 - #CDA9AC | 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 #828F98 as 0% and #CDA9AC as 100%.

0.0%	0.0% #828F98	RGB 130 143 152	#828F98
16.7%	16.7% #8E939B	RGB 142 147 155	#8E939B
33.3%	33.3% #9B979E	RGB 155 151 158	#9B979E
50.0%	50.0% #A79CA2	RGB 167 156 162	#A79CA2
66.7%	66.7% #B4A0A5	RGB 180 160 165	#B4A0A5
83.3%	83.3% #C0A4A8	RGB 192 164 168	#C0A4A8
100.0%	100.0% #CDA9AC	RGB 205 169 172	#CDA9AC

#828F98 #8E939B #9B979E #A79CA2 #B4A0A5 #C0A4A8 #CDA9AC

#828F98 - #CDA9AC

HSV Blend

#828F98 - #CDA9AC | 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 #828F98 as 0% and #CDA9AC as 100%.

0.0%	0.0% #828F98	RGB 130 143 152	#828F98
16.7%	16.7% #888CA0	RGB 136 140 160	#888CA0
33.3%	33.3% #958FA9	RGB 149 143 169	#958FA9
50.0%	50.0% #A895B2	RGB 168 149 178	#A895B2
66.7%	66.7% #BB9CB8	RGB 187 156 184	#BB9CB8
83.3%	83.3% #C4A2B3	RGB 196 162 179	#C4A2B3
100.0%	100.0% #CDA9AC	RGB 205 169 172	#CDA9AC

#828F98 #888CA0 #958FA9 #A895B2 #BB9CB8 #C4A2B3 #CDA9AC

#828F98 - #A895B2 - #CDA9AC

CSS codes

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

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