#C7ACB5 - #F1C5DF | 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 #C7ACB5 to #F1C5DF

#C7ACB5 #F1C5DF

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

#C7ACB5 - #F1C5DF | 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 #C7ACB5 as 0% and #F1C5DF as 100%.

0.0%	0.0% #C7ACB5	RGB 199 172 181	#C7ACB5
16.7%	16.7% #CEB0BC	RGB 206 176 188	#CEB0BC
33.3%	33.3% #D5B4C3	RGB 213 180 195	#D5B4C3
50.0%	50.0% #DCB8CA	RGB 220 184 202	#DCB8CA
66.7%	66.7% #E3BCD1	RGB 227 188 209	#E3BCD1
83.3%	83.3% #EAC0D8	RGB 234 192 216	#EAC0D8
100.0%	100.0% #F1C5DF	RGB 241 197 223	#F1C5DF

#C7ACB5 #CEB0BC #D5B4C3 #DCB8CA #E3BCD1 #EAC0D8 #F1C5DF

#C7ACB5 - #F1C5DF

HSV Blend

#C7ACB5 - #F1C5DF | 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 #C7ACB5 as 0% and #F1C5DF as 100%.

0.0%	0.0% #C7ACB5	RGB 199 172 181	#C7ACB5
16.7%	16.7% #CEB0BB	RGB 206 176 187	#CEB0BB
33.3%	33.3% #D5B4C2	RGB 213 180 194	#D5B4C2
50.0%	50.0% #DCB8C9	RGB 220 184 201	#DCB8C9
66.7%	66.7% #E3BDD0	RGB 227 189 208	#E3BDD0
83.3%	83.3% #EAC1D7	RGB 234 193 215	#EAC1D7
100.0%	100.0% #F1C5DF	RGB 241 197 223	#F1C5DF

#C7ACB5 #CEB0BB #D5B4C2 #DCB8C9 #E3BDD0 #EAC1D7 #F1C5DF

#C7ACB5 - #DCB8C9 - #F1C5DF

CSS codes

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

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