#C2D3D1 - #677D96 | 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 #C2D3D1 to #677D96

#C2D3D1 #677D96

Calculate the color between two colors, #C2D3D1 and #677D96. 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)

#C2D3D1 - #677D96 | 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 #C2D3D1 as 0% and #677D96 as 100%.

0.0%	0.0% #C2D3D1	RGB 194 211 209	#C2D3D1
16.7%	16.7% #B2C4C7	RGB 178 196 199	#B2C4C7
33.3%	33.3% #A3B6BD	RGB 163 182 189	#A3B6BD
50.0%	50.0% #94A8B3	RGB 148 168 179	#94A8B3
66.7%	66.7% #8599A9	RGB 133 153 169	#8599A9
83.3%	83.3% #768B9F	RGB 118 139 159	#768B9F
100.0%	100.0% #677D96	RGB 103 125 150	#677D96

#C2D3D1 #B2C4C7 #A3B6BD #94A8B3 #8599A9 #768B9F #677D96

#C2D3D1 - #677D96

HSV Blend

#C2D3D1 - #677D96 | 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 #C2D3D1 as 0% and #677D96 as 100%.

0.0%	0.0% #C2D3D1	RGB 194 211 209	#C2D3D1
16.7%	16.7% #B0C8C8	RGB 176 200 200	#B0C8C8
33.3%	33.3% #A0BBBE	RGB 160 187 190	#A0BBBE
50.0%	50.0% #90ADB4	RGB 144 173 180	#90ADB4
66.7%	66.7% #829DAA	RGB 130 157 170	#829DAA
83.3%	83.3% #748DA0	RGB 116 141 160	#748DA0
100.0%	100.0% #677D96	RGB 103 125 150	#677D96

#C2D3D1 #B0C8C8 #A0BBBE #90ADB4 #829DAA #748DA0 #677D96

#C2D3D1 - #90ADB4 - #677D96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D3D1 0%, #90ADB4 50%, #677D96 100%);
    background: -webkit-linear-gradient(top, #C2D3D1 0%, #90ADB4 50%, #677D96 100%);
    background: linear-gradient(to bottom, #C2D3D1 0%, #90ADB4 50%, #677D96 100%);
}
</style>