#C4C6B5 - #D6D0E5 | 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 #C4C6B5 to #D6D0E5

#C4C6B5 #D6D0E5

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

#C4C6B5 - #D6D0E5 | 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 #C4C6B5 as 0% and #D6D0E5 as 100%.

0.0%	0.0% #C4C6B5	RGB 196 198 181	#C4C6B5
16.7%	16.7% #C7C7BD	RGB 199 199 189	#C7C7BD
33.3%	33.3% #CAC9C5	RGB 202 201 197	#CAC9C5
50.0%	50.0% #CDCBCD	RGB 205 203 205	#CDCBCD
66.7%	66.7% #D0CCD5	RGB 208 204 213	#D0CCD5
83.3%	83.3% #D3CEDD	RGB 211 206 221	#D3CEDD
100.0%	100.0% #D6D0E5	RGB 214 208 229	#D6D0E5

#C4C6B5 #C7C7BD #CAC9C5 #CDCBCD #D0CCD5 #D3CEDD #D6D0E5

#C4C6B5 - #D6D0E5

HSV Blend

#C4C6B5 - #D6D0E5 | 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 #C4C6B5 as 0% and #D6D0E5 as 100%.

0.0%	0.0% #C4C6B5	RGB 196 198 181	#C4C6B5
16.7%	16.7% #CBC4B9	RGB 203 196 185	#CBC4B9
33.3%	33.3% #D0C1BE	RGB 208 193 190	#D0C1BE
50.0%	50.0% #D5C2C8	RGB 213 194 200	#D5C2C8
66.7%	66.7% #DAC7D6	RGB 218 199 214	#DAC7D6
83.3%	83.3% #DACBDF	RGB 218 203 223	#DACBDF
100.0%	100.0% #D6D0E5	RGB 214 208 229	#D6D0E5

#C4C6B5 #CBC4B9 #D0C1BE #D5C2C8 #DAC7D6 #DACBDF #D6D0E5

#C4C6B5 - #D5C2C8 - #D6D0E5

CSS codes

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

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