#CFCFD6 - #708998 | 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 #CFCFD6 to #708998

#CFCFD6 #708998

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

#CFCFD6 - #708998 | 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 #CFCFD6 as 0% and #708998 as 100%.

0.0%	0.0% #CFCFD6	RGB 207 207 214	#CFCFD6
16.7%	16.7% #BFC3CB	RGB 191 195 203	#BFC3CB
33.3%	33.3% #AFB7C1	RGB 175 183 193	#AFB7C1
50.0%	50.0% #9FACB7	RGB 159 172 183	#9FACB7
66.7%	66.7% #8FA0AC	RGB 143 160 172	#8FA0AC
83.3%	83.3% #7F94A2	RGB 127 148 162	#7F94A2
100.0%	100.0% #708998	RGB 112 137 152	#708998

#CFCFD6 #BFC3CB #AFB7C1 #9FACB7 #8FA0AC #7F94A2 #708998

#CFCFD6 - #708998

HSV Blend

#CFCFD6 - #708998 | 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 #CFCFD6 as 0% and #708998 as 100%.

0.0%	0.0% #CFCFD6	RGB 207 207 214	#CFCFD6
16.7%	16.7% #BDBECB	RGB 189 190 203	#BDBECB
33.3%	33.3% #ACB0C1	RGB 172 176 193	#ACB0C1
50.0%	50.0% #9BA4B7	RGB 155 164 183	#9BA4B7
66.7%	66.7% #8C99AC	RGB 140 153 172	#8C99AC
83.3%	83.3% #7D90A2	RGB 125 144 162	#7D90A2
100.0%	100.0% #708998	RGB 112 137 152	#708998

#CFCFD6 #BDBECB #ACB0C1 #9BA4B7 #8C99AC #7D90A2 #708998

#CFCFD6 - #9BA4B7 - #708998

CSS codes

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

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