#CFD1D1 - #669B9D | 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 #CFD1D1 to #669B9D

#CFD1D1 #669B9D

Calculate the color between two colors, #CFD1D1 and #669B9D. 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)

#CFD1D1 - #669B9D | 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 #CFD1D1 as 0% and #669B9D as 100%.

0.0%	0.0% #CFD1D1	RGB 207 209 209	#CFD1D1
16.7%	16.7% #BDC8C8	RGB 189 200 200	#BDC8C8
33.3%	33.3% #ACBFBF	RGB 172 191 191	#ACBFBF
50.0%	50.0% #9AB6B7	RGB 154 182 183	#9AB6B7
66.7%	66.7% #89ADAE	RGB 137 173 174	#89ADAE
83.3%	83.3% #77A4A5	RGB 119 164 165	#77A4A5
100.0%	100.0% #669B9D	RGB 102 155 157	#669B9D

#CFD1D1 #BDC8C8 #ACBFBF #9AB6B7 #89ADAE #77A4A5 #669B9D

#CFD1D1 - #669B9D

HSV Blend

#CFD1D1 - #669B9D | 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 #CFD1D1 as 0% and #669B9D as 100%.

0.0%	0.0% #CFD1D1	RGB 207 209 209	#CFD1D1
16.7%	16.7% #BBC8C8	RGB 187 200 200	#BBC8C8
33.3%	33.3% #A8BFBF	RGB 168 191 191	#A8BFBF
50.0%	50.0% #96B6B7	RGB 150 182 183	#96B6B7
66.7%	66.7% #85ADAE	RGB 133 173 174	#85ADAE
83.3%	83.3% #75A4A5	RGB 117 164 165	#75A4A5
100.0%	100.0% #669B9D	RGB 102 155 157	#669B9D

#CFD1D1 #BBC8C8 #A8BFBF #96B6B7 #85ADAE #75A4A5 #669B9D

#CFD1D1 - #96B6B7 - #669B9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD1D1 0%, #96B6B7 50%, #669B9D 100%);
    background: -webkit-linear-gradient(top, #CFD1D1 0%, #96B6B7 50%, #669B9D 100%);
    background: linear-gradient(to bottom, #CFD1D1 0%, #96B6B7 50%, #669B9D 100%);
}
</style>