#CFCFDB - #6F889F | 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 #CFCFDB to #6F889F

#CFCFDB #6F889F

Calculate the color between two colors, #CFCFDB and #6F889F. 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)

#CFCFDB - #6F889F | 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 #CFCFDB as 0% and #6F889F as 100%.

0.0%	0.0% #CFCFDB	RGB 207 207 219	#CFCFDB
16.7%	16.7% #BFC3D1	RGB 191 195 209	#BFC3D1
33.3%	33.3% #AFB7C7	RGB 175 183 199	#AFB7C7
50.0%	50.0% #9FABBD	RGB 159 171 189	#9FABBD
66.7%	66.7% #8F9FB3	RGB 143 159 179	#8F9FB3
83.3%	83.3% #7F93A9	RGB 127 147 169	#7F93A9
100.0%	100.0% #6F889F	RGB 111 136 159	#6F889F

#CFCFDB #BFC3D1 #AFB7C7 #9FABBD #8F9FB3 #7F93A9 #6F889F

#CFCFDB - #6F889F

HSV Blend

#CFCFDB - #6F889F | 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 #CFCFDB as 0% and #6F889F as 100%.

0.0%	0.0% #CFCFDB	RGB 207 207 219	#CFCFDB
16.7%	16.7% #BCBED1	RGB 188 190 209	#BCBED1
33.3%	33.3% #ABB0C7	RGB 171 176 199	#ABB0C7
50.0%	50.0% #9BA4BD	RGB 155 164 189	#9BA4BD
66.7%	66.7% #8B99B3	RGB 139 153 179	#8B99B3
83.3%	83.3% #7C90A9	RGB 124 144 169	#7C90A9
100.0%	100.0% #6F889F	RGB 111 136 159	#6F889F

#CFCFDB #BCBED1 #ABB0C7 #9BA4BD #8B99B3 #7C90A9 #6F889F

#CFCFDB - #9BA4BD - #6F889F

CSS codes

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

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