#C5ABC7 - #FFC4F7 | 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 #C5ABC7 to #FFC4F7

#C5ABC7 #FFC4F7

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

#C5ABC7 - #FFC4F7 | 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 #C5ABC7 as 0% and #FFC4F7 as 100%.

0.0%	0.0% #C5ABC7	RGB 197 171 199	#C5ABC7
16.7%	16.7% #CEAFCF	RGB 206 175 207	#CEAFCF
33.3%	33.3% #D8B3D7	RGB 216 179 215	#D8B3D7
50.0%	50.0% #E2B7DF	RGB 226 183 223	#E2B7DF
66.7%	66.7% #EBBBE7	RGB 235 187 231	#EBBBE7
83.3%	83.3% #F5BFEF	RGB 245 191 239	#F5BFEF
100.0%	100.0% #FFC4F7	RGB 255 196 247	#FFC4F7

#C5ABC7 #CEAFCF #D8B3D7 #E2B7DF #EBBBE7 #F5BFEF #FFC4F7

#C5ABC7 - #FFC4F7

HSV Blend

#C5ABC7 - #FFC4F7 | 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 #C5ABC7 as 0% and #FFC4F7 as 100%.

0.0%	0.0% #C5ABC7	RGB 197 171 199	#C5ABC7
16.7%	16.7% #CFAFD0	RGB 207 175 208	#CFAFD0
33.3%	33.3% #D9B4D9	RGB 217 180 217	#D9B4D9
50.0%	50.0% #E3B8E1	RGB 227 184 225	#E3B8E1
66.7%	66.7% #ECBCE9	RGB 236 188 233	#ECBCE9
83.3%	83.3% #F5C0F0	RGB 245 192 240	#F5C0F0
100.0%	100.0% #FFC4F7	RGB 255 196 247	#FFC4F7

#C5ABC7 #CFAFD0 #D9B4D9 #E3B8E1 #ECBCE9 #F5C0F0 #FFC4F7

#C5ABC7 - #E3B8E1 - #FFC4F7

CSS codes

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

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