#C4AEB2 - #CFBBDF | 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 #C4AEB2 to #CFBBDF

#C4AEB2 #CFBBDF

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

#C4AEB2 - #CFBBDF | 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 #C4AEB2 as 0% and #CFBBDF as 100%.

0.0%	0.0% #C4AEB2	RGB 196 174 178	#C4AEB2
16.7%	16.7% #C5B0B9	RGB 197 176 185	#C5B0B9
33.3%	33.3% #C7B2C1	RGB 199 178 193	#C7B2C1
50.0%	50.0% #C9B4C8	RGB 201 180 200	#C9B4C8
66.7%	66.7% #CBB6D0	RGB 203 182 208	#CBB6D0
83.3%	83.3% #CDB8D7	RGB 205 184 215	#CDB8D7
100.0%	100.0% #CFBBDF	RGB 207 187 223	#CFBBDF

#C4AEB2 #C5B0B9 #C7B2C1 #C9B4C8 #CBB6D0 #CDB8D7 #CFBBDF

#C4AEB2 - #CFBBDF

HSV Blend

#C4AEB2 - #CFBBDF | 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 #C4AEB2 as 0% and #CFBBDF as 100%.

0.0%	0.0% #C4AEB2	RGB 196 174 178	#C4AEB2
16.7%	16.7% #C8B0B9	RGB 200 176 185	#C8B0B9
33.3%	33.3% #CDB2C2	RGB 205 178 194	#CDB2C2
50.0%	50.0% #D1B4CC	RGB 209 180 204	#D1B4CC
66.7%	66.7% #D5B6D6	RGB 213 182 214	#D5B6D6
83.3%	83.3% #D2B9DA	RGB 210 185 218	#D2B9DA
100.0%	100.0% #CFBBDF	RGB 207 187 223	#CFBBDF

#C4AEB2 #C8B0B9 #CDB2C2 #D1B4CC #D5B6D6 #D2B9DA #CFBBDF

#C4AEB2 - #D1B4CC - #CFBBDF

CSS codes

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

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