#CFD2D2 - #669C9E | 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 #CFD2D2 to #669C9E

#CFD2D2 #669C9E

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

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

0.0%	0.0% #CFD2D2	RGB 207 210 210	#CFD2D2
16.7%	16.7% #BDC9C9	RGB 189 201 201	#BDC9C9
33.3%	33.3% #ACC0C0	RGB 172 192 192	#ACC0C0
50.0%	50.0% #9AB7B8	RGB 154 183 184	#9AB7B8
66.7%	66.7% #89AEAF	RGB 137 174 175	#89AEAF
83.3%	83.3% #77A5A6	RGB 119 165 166	#77A5A6
100.0%	100.0% #669C9E	RGB 102 156 158	#669C9E

#CFD2D2 #BDC9C9 #ACC0C0 #9AB7B8 #89AEAF #77A5A6 #669C9E

#CFD2D2 - #669C9E

HSV Blend

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

0.0%	0.0% #CFD2D2	RGB 207 210 210	#CFD2D2
16.7%	16.7% #BBC9C9	RGB 187 201 201	#BBC9C9
33.3%	33.3% #A8C0C0	RGB 168 192 192	#A8C0C0
50.0%	50.0% #96B7B8	RGB 150 183 184	#96B7B8
66.7%	66.7% #85AEAF	RGB 133 174 175	#85AEAF
83.3%	83.3% #75A5A6	RGB 117 165 166	#75A5A6
100.0%	100.0% #669C9E	RGB 102 156 158	#669C9E

#CFD2D2 #BBC9C9 #A8C0C0 #96B7B8 #85AEAF #75A5A6 #669C9E

#CFD2D2 - #96B7B8 - #669C9E

CSS codes

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

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