#C4B8DA - #DBDFDB | 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 #C4B8DA to #DBDFDB

#C4B8DA #DBDFDB

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

#C4B8DA - #DBDFDB | 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 #C4B8DA as 0% and #DBDFDB as 100%.

0.0%	0.0% #C4B8DA	RGB 196 184 218	#C4B8DA
16.7%	16.7% #C7BEDA	RGB 199 190 218	#C7BEDA
33.3%	33.3% #CBC5DA	RGB 203 197 218	#CBC5DA
50.0%	50.0% #CFCBDA	RGB 207 203 218	#CFCBDA
66.7%	66.7% #D3D2DA	RGB 211 210 218	#D3D2DA
83.3%	83.3% #D7D8DA	RGB 215 216 218	#D7D8DA
100.0%	100.0% #DBDFDB	RGB 219 223 219	#DBDFDB

#C4B8DA #C7BEDA #CBC5DA #CFCBDA #D3D2DA #D7D8DA #DBDFDB

#C4B8DA - #DBDFDB

HSV Blend

#C4B8DA - #DBDFDB | 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 #C4B8DA as 0% and #DBDFDB as 100%.

0.0%	0.0% #C4B8DA	RGB 196 184 218	#C4B8DA
16.7%	16.7% #BDBEDA	RGB 189 190 218	#BDBEDA
33.3%	33.3% #C3CDDB	RGB 195 205 219	#C3CDDB
50.0%	50.0% #C9D9DC	RGB 201 217 220	#C9D9DC
66.7%	66.7% #CFDDDA	RGB 207 221 218	#CFDDDA
83.3%	83.3% #D5DED8	RGB 213 222 216	#D5DED8
100.0%	100.0% #DBDFDB	RGB 219 223 219	#DBDFDB

#C4B8DA #BDBEDA #C3CDDB #C9D9DC #CFDDDA #D5DED8 #DBDFDB

#C4B8DA - #C9D9DC - #DBDFDB

CSS codes

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

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