#C882DA - #FFD4D9 | 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 #C882DA to #FFD4D9

#C882DA #FFD4D9

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

#C882DA - #FFD4D9 | 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 #C882DA as 0% and #FFD4D9 as 100%.

0.0%	0.0% #C882DA	RGB 200 130 218	#C882DA
16.7%	16.7% #D18FD9	RGB 209 143 217	#D18FD9
33.3%	33.3% #DA9DD9	RGB 218 157 217	#DA9DD9
50.0%	50.0% #E3ABD9	RGB 227 171 217	#E3ABD9
66.7%	66.7% #ECB8D9	RGB 236 184 217	#ECB8D9
83.3%	83.3% #F5C6D9	RGB 245 198 217	#F5C6D9
100.0%	100.0% #FFD4D9	RGB 255 212 217	#FFD4D9

#C882DA #D18FD9 #DA9DD9 #E3ABD9 #ECB8D9 #F5C6D9 #FFD4D9

#C882DA - #FFD4D9

HSV Blend

#C882DA - #FFD4D9 | 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 #C882DA as 0% and #FFD4D9 as 100%.

0.0%	0.0% #C882DA	RGB 200 130 218	#C882DA
16.7%	16.7% #DE8EE0	RGB 222 142 224	#DE8EE0
33.3%	33.3% #E69BDA	RGB 230 155 218	#E69BDA
50.0%	50.0% #ECA8D5	RGB 236 168 213	#ECA8D5
66.7%	66.7% #F2B6D3	RGB 242 182 211	#F2B6D3
83.3%	83.3% #F8C5D4	RGB 248 197 212	#F8C5D4
100.0%	100.0% #FFD4D9	RGB 255 212 217	#FFD4D9

#C882DA #DE8EE0 #E69BDA #ECA8D5 #F2B6D3 #F8C5D4 #FFD4D9

#C882DA - #ECA8D5 - #FFD4D9

CSS codes

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

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