#CFCFD5 - #708997 | 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 #CFCFD5 to #708997

#CFCFD5 #708997

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

#CFCFD5 - #708997 | 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 #CFCFD5 as 0% and #708997 as 100%.

0.0%	0.0% #CFCFD5	RGB 207 207 213	#CFCFD5
16.7%	16.7% #BFC3CA	RGB 191 195 202	#BFC3CA
33.3%	33.3% #AFB7C0	RGB 175 183 192	#AFB7C0
50.0%	50.0% #9FACB6	RGB 159 172 182	#9FACB6
66.7%	66.7% #8FA0AB	RGB 143 160 171	#8FA0AB
83.3%	83.3% #7F94A1	RGB 127 148 161	#7F94A1
100.0%	100.0% #708997	RGB 112 137 151	#708997

#CFCFD5 #BFC3CA #AFB7C0 #9FACB6 #8FA0AB #7F94A1 #708997

#CFCFD5 - #708997

HSV Blend

#CFCFD5 - #708997 | 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 #CFCFD5 as 0% and #708997 as 100%.

0.0%	0.0% #CFCFD5	RGB 207 207 213	#CFCFD5
16.7%	16.7% #BDBECA	RGB 189 190 202	#BDBECA
33.3%	33.3% #ACB0C0	RGB 172 176 192	#ACB0C0
50.0%	50.0% #9BA4B6	RGB 155 164 182	#9BA4B6
66.7%	66.7% #8C99AB	RGB 140 153 171	#8C99AB
83.3%	83.3% #7D90A1	RGB 125 144 161	#7D90A1
100.0%	100.0% #708997	RGB 112 137 151	#708997

#CFCFD5 #BDBECA #ACB0C0 #9BA4B6 #8C99AB #7D90A1 #708997

#CFCFD5 - #9BA4B6 - #708997

CSS codes

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

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