#C8A2B5 - #FFB6EF | 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 #C8A2B5 to #FFB6EF

#C8A2B5 #FFB6EF

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

#C8A2B5 - #FFB6EF | 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 #C8A2B5 as 0% and #FFB6EF as 100%.

0.0%	0.0% #C8A2B5	RGB 200 162 181	#C8A2B5
16.7%	16.7% #D1A5BE	RGB 209 165 190	#D1A5BE
33.3%	33.3% #DAA8C8	RGB 218 168 200	#DAA8C8
50.0%	50.0% #E3ACD2	RGB 227 172 210	#E3ACD2
66.7%	66.7% #ECAFDB	RGB 236 175 219	#ECAFDB
83.3%	83.3% #F5B2E5	RGB 245 178 229	#F5B2E5
100.0%	100.0% #FFB6EF	RGB 255 182 239	#FFB6EF

#C8A2B5 #D1A5BE #DAA8C8 #E3ACD2 #ECAFDB #F5B2E5 #FFB6EF

#C8A2B5 - #FFB6EF

HSV Blend

#C8A2B5 - #FFB6EF | 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 #C8A2B5 as 0% and #FFB6EF as 100%.

0.0%	0.0% #C8A2B5	RGB 200 162 181	#C8A2B5
16.7%	16.7% #D1A6BD	RGB 209 166 189	#D1A6BD
33.3%	33.3% #DAA9C6	RGB 218 169 198	#DAA9C6
50.0%	50.0% #E3ADD0	RGB 227 173 208	#E3ADD0
66.7%	66.7% #ECB0D9	RGB 236 176 217	#ECB0D9
83.3%	83.3% #F5B3E4	RGB 245 179 228	#F5B3E4
100.0%	100.0% #FFB6EF	RGB 255 182 239	#FFB6EF

#C8A2B5 #D1A6BD #DAA9C6 #E3ADD0 #ECB0D9 #F5B3E4 #FFB6EF

#C8A2B5 - #E3ADD0 - #FFB6EF

CSS codes

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

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