#C873C0 - #F7D3E2 | 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 #C873C0 to #F7D3E2

#C873C0 #F7D3E2

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

#C873C0 - #F7D3E2 | 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 #C873C0 as 0% and #F7D3E2 as 100%.

0.0%	0.0% #C873C0	RGB 200 115 192	#C873C0
16.7%	16.7% #CF83C5	RGB 207 131 197	#CF83C5
33.3%	33.3% #D793CB	RGB 215 147 203	#D793CB
50.0%	50.0% #DFA3D1	RGB 223 163 209	#DFA3D1
66.7%	66.7% #E7B3D6	RGB 231 179 214	#E7B3D6
83.3%	83.3% #EFC3DC	RGB 239 195 220	#EFC3DC
100.0%	100.0% #F7D3E2	RGB 247 211 226	#F7D3E2

#C873C0 #CF83C5 #D793CB #DFA3D1 #E7B3D6 #EFC3DC #F7D3E2

#C873C0 - #F7D3E2

HSV Blend

#C873C0 - #F7D3E2 | 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 #C873C0 as 0% and #F7D3E2 as 100%.

0.0%	0.0% #C873C0	RGB 200 115 192	#C873C0
16.7%	16.7% #CF81C2	RGB 207 129 194	#CF81C2
33.3%	33.3% #D790C5	RGB 215 144 197	#D790C5
50.0%	50.0% #DF9FC9	RGB 223 159 201	#DF9FC9
66.7%	66.7% #E7B0D0	RGB 231 176 208	#E7B0D0
83.3%	83.3% #EFC1D8	RGB 239 193 216	#EFC1D8
100.0%	100.0% #F7D3E2	RGB 247 211 226	#F7D3E2

#C873C0 #CF81C2 #D790C5 #DF9FC9 #E7B0D0 #EFC1D8 #F7D3E2

#C873C0 - #DF9FC9 - #F7D3E2

CSS codes

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

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