#C4BDD4 - #C7DAE4 | 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 #C4BDD4 to #C7DAE4

#C4BDD4 #C7DAE4

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

#C4BDD4 - #C7DAE4 | 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 #C4BDD4 as 0% and #C7DAE4 as 100%.

0.0%	0.0% #C4BDD4	RGB 196 189 212	#C4BDD4
16.7%	16.7% #C4C1D6	RGB 196 193 214	#C4C1D6
33.3%	33.3% #C5C6D9	RGB 197 198 217	#C5C6D9
50.0%	50.0% #C5CBDC	RGB 197 203 220	#C5CBDC
66.7%	66.7% #C6D0DE	RGB 198 208 222	#C6D0DE
83.3%	83.3% #C6D5E1	RGB 198 213 225	#C6D5E1
100.0%	100.0% #C7DAE4	RGB 199 218 228	#C7DAE4

#C4BDD4 #C4C1D6 #C5C6D9 #C5CBDC #C6D0DE #C6D5E1 #C7DAE4

#C4BDD4 - #C7DAE4

HSV Blend

#C4BDD4 - #C7DAE4 | 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 #C4BDD4 as 0% and #C7DAE4 as 100%.

0.0%	0.0% #C4BDD4	RGB 196 189 212	#C4BDD4
16.7%	16.7% #C2BED6	RGB 194 190 214	#C2BED6
33.3%	33.3% #C0C0D9	RGB 192 192 217	#C0C0D9
50.0%	50.0% #C2C6DC	RGB 194 198 220	#C2C6DC
66.7%	66.7% #C3CCDE	RGB 195 204 222	#C3CCDE
83.3%	83.3% #C5D3E1	RGB 197 211 225	#C5D3E1
100.0%	100.0% #C7DAE4	RGB 199 218 228	#C7DAE4

#C4BDD4 #C2BED6 #C0C0D9 #C2C6DC #C3CCDE #C5D3E1 #C7DAE4

#C4BDD4 - #C2C6DC - #C7DAE4

CSS codes

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

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